@CHARSET "UTF-8";

/* 自定义动画 */

.animate {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-duration: var(--animate-duration);animation-duration: var(--animate-duration);-webkit-animation-fill-mode: both;animation-fill-mode: both;}

.ell {
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
/* 超过两行显示省略号 */
.ell2 {
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

/* 动画延时 */

.animate.animate_delay05 {

	-webkit-animation-delay: calc(1s / 2);

	animation-delay: calc(1s / 2);

	-webkit-animation-delay: var(--animate-delay) / 2;

	animation-delay: var(--animate-delay) / 2;

}

.animate.animate_delay1 {

	-webkit-animation-delay: 1s;

	animation-delay: 1s;

	-webkit-animation-delay: var(--animate-delay);

	animation-delay: var(--animate-delay);

}

.animate.animate_delay2 {

	-webkit-animation-delay: calc(1s * 2);

	animation-delay: calc(1s * 2);

	-webkit-animation-delay: calc(var(--animate-delay) * 2);

	animation-delay: calc(var(--animate-delay) * 2);

}

.animate.animate_delay3 {

	-webkit-animation-delay: calc(1s * 3);

	animation-delay: calc(1s * 3);

	-webkit-animation-delay: calc(var(--animate-delay) * 3);

	animation-delay: calc(var(--animate-delay) * 3);

}

.animate.animate_delay4 {

	-webkit-animation-delay: calc(1s * 4);

	animation-delay: calc(1s * 4);

	-webkit-animation-delay: calc(var(--animate-delay) * 4);

	animation-delay: calc(var(--animate-delay) * 4);

}

.animate.animate_delay5 {

	-webkit-animation-delay: calc(1s * 5);

	animation-delay: calc(1s * 5);

	-webkit-animation-delay: calc(var(--animate-delay) * 5);

	animation-delay: calc(var(--animate-delay) * 5);

}

/* 动画速度 */

.animate.animate_5ms {

	-webkit-animation-duration: calc(1s / 2);

	animation-duration: calc(1s / 2);

	-webkit-animation-duration: calc(var(--animate-duration) / 2);

	animation-duration: calc(var(--animate-duration) / 2);

}

.animate.animate_8ms {

	-webkit-animation-duration: calc(1s * 0.8);

	animation-duration: calc(1s * 0.8);

	-webkit-animation-duration: calc(var(--animate-duration) * 0.8);

	animation-duration: calc(var(--animate-duration) * 0.8);

}

.animate.animate_2s {

	-webkit-animation-duration: calc(1s * 2);

	animation-duration: calc(1s * 2);

	-webkit-animation-duration: calc(var(--animate-duration) * 2);

	animation-duration: calc(var(--animate-duration) * 2);

}

.animate.animate_3s {

	-webkit-animation-duration: calc(1s * 3);

	animation-duration: calc(1s * 3);

	-webkit-animation-duration: calc(var(--animate-duration) * 3);

	animation-duration: calc(var(--animate-duration) * 3);

}

@-webkit-keyframes getIn {from {opacity: 0;}to {opacity: 1;}}

@keyframes getIn {from {opacity: 0;}to {opacity: 1;}}

@-webkit-keyframes getInDown {

  from {opacity: 0;-webkit-transform: translate3d(0, -20%, 0);transform: translate3d(0, -20%, 0);}

  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}

}

@keyframes getInDown {

  from {opacity: 0;-webkit-transform: translate3d(0, -20%, 0);transform: translate3d(0, -20%, 0);}

  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}

}

@-webkit-keyframes getInUp {

	from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}

	to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}

}

@keyframes getInUp {

	from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}

	to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}

}

@-webkit-keyframes getInRight {

	0% {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}

	100% {opacity: 1;-webkit-transform: none;transform: none;}

}

@keyframes getInRight {

	0% {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}

	100% {opacity: 1;-webkit-transform: none;transform: none;}

}

@-webkit-keyframes getInLeft {

	0% {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}

	100% {opacity: 1;-webkit-transform: none;transform: none;}

}

@keyframes getInLeft {

	0% {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}

	100% {opacity: 1;-webkit-transform: none;transform: none;}

}

@-webkit-keyframes getzoomOut {

	from {opacity: 1;}

	50% {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}

	to {opacity: 0;}

}

@keyframes getzoomOut {

	from {opacity: 1;}

	50% {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}

	to {opacity: 0;}

}

@-webkit-keyframes getzoomIn {

  from {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}

  50% {opacity: 1;}

}

@keyframes getzoomIn {

  from {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}

  50% {opacity: 1;}

}

@-webkit-keyframes getOut {from {opacity: 1;}to {opacity: 0;}}

@keyframes getOut {from {opacity: 1;}to {opacity: 0;}}



@font-face{font-family:'har-reg';src:url(../fonts/HarmonyOS_Sans.eot);src:url(../fonts/HarmonyOS_Sans.eot) format('embedded-opentype'),url(../fonts/HarmonyOS_Sans.woff2) format('woff2'),url(../fonts/HarmonyOS_Sans.woff) format('woff'),url(../fonts/HARMONYOS_SANS_REGULAR.TTF) format('truetype'),url(../fonts/HarmonyOS_Sans.svg) format('svg')}

@font-face{font-family:'har-bold';src:url(../fonts/HarmonyOS_Sans_Bold.eot);src:url(../fonts/HarmonyOS_Sans_Bold.eot) format('embedded-opentype'),url(../fonts/HarmonyOS_Sans_Bold.woff2) format('woff2'),url(../fonts/HarmonyOS_Sans_Bold.woff) format('woff'),url(../fonts/HARMONYOS_SANS_BOLD.TTF) format('truetype'),url(../fonts/HarmonyOS_Sans_Bold.svg) format('svg')}

html,body{font-family:'har-reg','思源黑体','Msyh(Microsoft YaHei)';

}

body{padding-top: 0.94rem; position: relative;}

.bodys{padding-top: 0;}



/*<<<<<<<<<<<<<<<<<<<<<< 头部 >>>>>>>>>>>>>>>>>>>>>>>*/

.head {width: 100%; height: 0.94rem; padding: 0 0.3rem; position: fixed; top: 0; z-index: 9999999; display: flex; justify-content: space-between; align-items: center; background-color: #FFFFFF;-webkit-box-shadow: 0 0 10px rgb(0 0 0 / 10%);box-shadow: 0 0 10px rgba(0, 0, 0, .1);}

.head .logo a{display: block; height: 0.67rem;}

.head .logo a img{width: auto; height: 100%;}

.head .nav{display: flex; grid-column-gap: 0.4rem;}

.head .nav>li{position: relative;word-break: keep-all;white-space: nowrap; transition: all 0.3s;}

.head .nav>li>a{line-height: 0.94rem; font-size: 18px;}

.head .nav>li:hover>a,.head .nav>li.nav_ing>a{color: #0089D3;}

.head .nav>li>a.head_more{display: block; padding-right: 0.2rem; background: url(../images/icon1.png) no-repeat right center; background-size: 0.12rem; transition: all 0.3s;}

.head .nav>li:hover>a.head_more{background: url(../images/icon1-1.png) no-repeat right center; background-size: 0.12rem;}

.head .nav .nav_two{width: 200%; position: absolute; overflow: hidden; top: 0.94rem; left: -50%; text-align: center; background-color: #FFFFFF;-webkit-box-shadow: 0 0 10px rgb(0 0 0 / 10%);box-shadow: 0 0 10pxrgba(0, 0, 0, .1);}

.head .nav .nav_two ul{padding: 0.2rem;}

.head .nav .nav_two li a{ font-size: 16px; line-height: 48px; position: relative; display: block; width: 100%; transition: all 0.3s;}

.head .nav .nav_two li a:hover,.head .nav .nav_two li a#nowMenu{color: #0089D3;}

.head .nav .nav_two li a::after{content: " "; display: block; position: absolute; left: 50%; width: 100%; height: 1px; background-color: #0089D3;transform: scaleX(0);transform-origin: left; transition: all 0.3s;}

.head .nav .nav_two li a:hover::after{transform: scaleX(1); left: 0;}

.head .head_r .language{display: inline-block; margin-right: .3rem; background-color: #F6F6F6; position: relative; z-index: 999999; border: #E5E5E5 solid 1px; border-radius: 50px;}

.head .head_r .language em{display: inline-block; text-align: center; width: 0.32rem; line-height: 0.32rem; font-size: 0.14rem;}

.head .head_r .language em:first-child{color: #FFFFFF;}

.head .head_r .language::after{content: ' '; display: block; width: 0.28rem; height: 0.28rem; border-radius: 50%; background-color: #0054A7; position: absolute; left: 4%; right: 0; top: 6%; z-index: -1; transition: all 0.3s;}

.head .head_r .language:hover em{color: #FFF;}

.head .head_r .language:hover em:first-child{color: #333;}

.head .head_r .logoin{color: #3F3F3F; transition: all 0.3s;}

.head .head_r .logoin:hover{color: #0089D3;}



@media only screen and (max-width:750px){}

@media only screen and (max-width:1029px){

	.div_pc,.nav_pc{display: none !important; }

	html,body{max-width: 750px; margin: 0 auto;}

	.head{max-width: 750px;}

	.head .navm{position: absolute; top: 0.94rem; left: 0; width: 100%; flex-direction: column; background-color: #FFFFFF; padding: .22857rem .17143rem;

		overflow-x: hidden;

		overflow-y: scroll;

    height: calc(100vh - 0.94rem);

    height: -webkit-calc(100vh - 0.94rem);

    height: -moz-calc(100vh - 0.94rem);

	}

	.head .navm::-webkit-scrollbar {display:none;}

	.head .navm>li>a{font-size: 0.36rem; line-height: 1rem; transition: all 0.2s;}

	.head .navm>li.lis{background: url(../images/icon1.png) no-repeat right 0.5rem; background-size: .24rem; transition: all 0.3s;}

	.head .navm>li.lis.lis_on{background: url(../images/icon1-1.png) no-repeat right 0.5rem; background-size: .24rem;}

	.head .navm>li.lis.lis_on>a{color: #0089D3;}

	.head .navm>li.lis>.nav_two{padding: 0.1rem 0 0.3rem 0.2rem;}

	.head .navm>li.lis>.nav_two ul li a{display: block; font-size: 0.32rem; line-height: 0.8rem;}

	.head .head_r{display: flex; align-items: center;}

	.head .head_r .logoin{line-height: 0.4rem; font-size: 0.32rem;}

	.head .head_r .language em{width: 0.48rem; line-height: 0.48rem;}

	.head .head_r .language::after{width: 0.48rem; height: 0.48rem; top: 0; left: 0;}

	.head .head_r .language:hover::after{left: auto; right: 0;}

	.head	.navBox{margin-left: 0.3rem; width: 24px;}

	.head .head_r .nav_two{display: none; margin-bottom: 10px;}

	.navBox .menu {width: 26px;height: 20px;position: relative;transition-duration: 1s;display: block;cursor: pointer;z-index: 99;}

	.burger_lin .icon {height: 2px;width: 26px;top: 50%;background-color: #0054A7;border-radius: 20px;position: absolute;transition-duration: 0.5s;}

	.burger_lin .icon:before {left: 0;position: absolute;top: -7px;height: 2px;width: 26px;background-color: #0054A7;content: "";border-radius: 20px;}

	.burger_lin .icon:after {left: 0;position: absolute;top: 7px;height: 2px;width: 26px;background-color: #0054A7;content: "";border-radius: 20px;}

	.burger_lin .icon {transition-duration: 0.5s;transition-delay: 0.5s;}

	.burger_lin .icon:after {transition: transform 0.5s, top 0.5s 0.5s;transition-delay: 0.5s;}

	.burger_lin .icon:before {transition: transform 0.5s, top 0.5s 0.5s;transition-delay: 0.5s;}

	.burger_lin.open .icon {transition-duration: 0.1s;transition-delay: 0.5s;background: transparent;width: 0;}

	.burger_lin.open .icon:before {transition: top 0.5s, transform 0.5s 0.5s;top: 0;transform: rotateZ(-45deg);}

	.burger_lin.open .icon:after {transition: top 0.4s, transform 0.5s 0.5s;top: 0;transform: rotateZ(45deg);}

	.burger_lin.cloase {display: none;}

}

@media only screen and (min-width:1030px){

	.div_m,.nav_m{display: none !important;}

	.head .head_r .language:hover::after{transform: translateX(114%);}

}



/*<<<<<<<<<<<<<<<<<<<<<< 底部 >>>>>>>>>>>>>>>>>>>>>>>*/

.footer{background-color: #252528; padding: 0.7rem 0 0.2rem;}

.footer .foot1{width: 76%; height: 1.65rem; margin: 0 auto; display: flex; justify-content: space-between; margin-bottom: 0.4rem;}

.footer .foot1 .logo a{display: block; height: 0.77rem;}

.footer .foot1 .logo a img{height: 100%; width: auto;}

.footer .foot1 .foot_c{display: flex; flex-direction: column; justify-content: space-between;}

.footer .foot1 .foot_c .foot_ctit{font-size: 0.14rem; color: #F3F3F3; font-family: 'har-bold'; line-height: 0.28rem;}

.footer .foot1 .foot_c .foot_ctit::after{content: ' '; display: block; width: 0.2rem; height: 1px; background-color: #0054A7; margin-top: 0.2rem;}

.footer .foot1 .foot_c ul{display: flex; grid-column-gap: 0.3rem; margin-top: 0.1rem;}

.footer .foot1 .foot_c ul li a{font-size: 0.14rem; line-height: 0.32rem; color: #B8B8B8; position: relative; transition: all 0.3s;}

.footer .foot1 .foot_c ul li a::after{content: " "; display: block; width: 0; height: 1px; background-color: #0089D3; transition: all 0.3s;}

.footer .foot1 .foot_c ul li a:hover{color: #0089D3;}

.footer .foot1 .foot_c ul li a:hover::after{width: 100%;}

.footer .foot1 .foot_c .foot_c2{display: flex;}

.footer .foot1 .foot_c .foot_c2 select{margin-left: 0.3rem; border: none; background-color: #383838; color: #929292; border-radius: 0.8rem; width: 2.9rem; font-size: 0.14rem; padding: 0 0.15rem; line-height: 0.32rem;}

.footer .foot1 .qrcode{display: flex; grid-column-gap: 0.2rem;}

.footer .foot1 .qrcode .code{height: 1.3rem;}

.footer .foot1 .qrcode .code img{height: 100%; width: auto;}

.footer .foot1 .qrcode .code span{display: block; text-align: center; margin-top: 0.1rem; font-size: 0.14rem; line-height: 0.3rem; color: #999999;}

.footer .foot1 .hr{width: 1px; height: 100%; background-color: #3D3D3D;}

.footer .foot2{width: 66.66666%;margin: 0 auto; border-top: #3D3D3D solid 1px;}

.footer .foot2>div{display: flex; justify-content: center; align-items: center; margin: 0.15rem auto 0;}

.footer .foot2>div,.footer .foot2>div a{font-size: 0.14rem; text-align: center; line-height: 0.48rem; color: #797979; transition: all 0.3s;}

.footer .foot2>div a:hover{color: #0089D3;}



/*<<<<<<<<<<<<<<<<<<<<<< 公共样式 >>>>>>>>>>>>>>>>>>>>>>>*/

.title h2{font-size: 0.32rem; line-height: 0.48rem; color: #0089D3; font-family: 'har-bold'; font-weight: bold;}

.title h4{font-size: 0.18rem; line-height: 0.32rem; color: #9E9E9E; text-transform: uppercase;}



.searchs{width: 100%;background-color: #F1F1F1; padding: 0.3rem 0.4rem; border-radius: 0.08rem;}

.searchs form{display: flex; justify-content: space-between;}

.searchs select{border: none; background: none;width: 3.47rem; height: 0.46rem;padding-left: 4%;line-height: 0.46rem;

    appearance: none;

    -webkit-appearance: none;

    -ms-appearance: none;

    -moz-appearance: none;

    -o-appearance: none;

		border-radius: 0.06rem;

    background: #FFFFFF url(../images/icon1-2.png) no-repeat 96% center;

    background-size: 0.16rem;

}

.searchs .inputs{width: 4.8rem; display: flex; justify-content: space-between;}

.searchs .inputs .search{width: 3.49rem; height: 0.48rem; border: none; border-radius: 0.06rem; padding: 0 4%; transition: all 0.2s;}

.searchs .inputs .search:focus,.searchs .inputs .search:hover{box-shadow: 0 0 1px #0089D3, 0 0 3px #0089D3, 0 0 6px #0089D3;}

.searchs .inputs .buton{padding: 0 0.2rem 0 0.6rem; height: 0.48rem; font-size: 0.2rem; border-radius: 50px; border: none; background: #0089D3 url(../images/icon2-3.png) no-repeat 0.2rem center; background-size: 0.22rem; color: #FFFFFF; transition: all 0.3s;}

.searchs .inputs .buton:hover{padding: 0 0.5rem 0 0.3rem;background: #0089D3 url(../images/icon2-3.png) no-repeat 85% center; background-size: 0.22rem;}

.sear{width: 100%;}

.sear form .lp_k1{display: flex; justify-content: space-between;}

.sear form .lp_k1 .fl{width: 80%;}

.sear form .lp_k1 .fl input{border: #E5E5E5 solid 1px; width: 100%; line-height: 0.8rem; padding: 0 0.2rem; transition: all 0.2s;}

.sear form .lp_k1 .fl input:focus,.sear form .lp_k1 .fl input:hover{box-shadow: 0 0 1px #0089D3, 0 0 3px #0089D3, 0 0 6px #0089D3;}

.sear form .lp_k1 .fr{width: 19%;}

.sear form .lp_k1 .fr button{width: 100%; text-align: center; line-height: 0.8rem; font-size: 0.2rem;  border: #0089D3 solid 1px; background: #0089D3; color: #FFFFFF;}

 



.sear select{border: #E5E5E5 solid 1px; background: none;width: 3.6rem; height: 0.8rem;padding-left: 4%;

    appearance: none;

    -webkit-appearance: none;

    -ms-appearance: none;

    -moz-appearance: none;

    -o-appearance: none;

    background: #FFFFFF url(../images/icon6.png) no-repeat 96% center;

    background-size: 0.16rem;

}

.sear .inputs{width: 5.4rem; display: flex; justify-content: space-between;}

.sear .inputs .search{width: 3.6rem; height: 0.8rem; border: none; padding: 0 4%; border: #E5E5E5 solid 1px;}

.sear .inputs .buton{width: 1.7rem; text-align: center; line-height: 0.8rem; font-size: 0.2rem;  border: #0089D3 solid 1px; background: #0089D3; color: #FFFFFF;}

input{transition: all 0.3s;}

/* input:focus,input:hover{box-shadow: 0 0 1px #0089D3, 0 0 3px #0089D3, 0 0 6px #0089D3;} */



/* 内页banner */

.banner{width: 100%; position: relative;}

.banner img{width: 100%; height: auto; display: block;}

.banner .banner_tit{display: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 999; color: #FFFFFF; text-align: center; white-space: nowrap;}

.banner .banner_tit h1{font-size: 0.48rem; line-height: 0.7rem;}

.banner .banner_tit h3{font-size: 0.24rem; line-height: 0.32rem; font-family: 'har-bold'; text-transform: uppercase;}



/* 页内二级导航 */

.nav2{ padding: 0 3.2rem; display: flex; grid-column-gap: 0.4rem;}

.nav2 a{ position: relative; display: inline-block; line-height: 0.8rem; transition: all 0.4s;}

.nav2 a::after{content: ' '; display: block; width: 0; height: 2px; position: absolute; bottom: 0.12rem; background-color: #0089D3; transition: all 0.3s;}

.nav2 a:hover,.nav2 a#nav2ing{color: #0089D3;}

.nav2 a:hover::after,.nav2 a#nav2ing::after{width: 60%;}





.pages{max-width: 12.8rem; margin: 0.5rem auto 0.8rem; text-align: center;}

.pages b,.pages a{ cursor: pointer; transition: all 0.3s; display: inline-block; border-radius: 10px; margin: 0.1rem 0.05rem; padding: 10px 16px; font-size: 0.18rem; color: #666666; background-color: rgb(0 0 0 / 0.05);}

.pages b{background-color: #0054A7; color: #FFFFFF;}

.pages a:hover,.pages b:hover{background-color: #0054A7; color: #FFFFFF;}



@media only screen and (max-width:1029px){

	.nav2{padding: 0 0.3rem;}

	.nav2 a{font-size: 0.26rem; white-space: nowrap;}

}



/*<<<<<<<<<<<<<<<<<<<<<< 首页banner >>>>>>>>>>>>>>>>>>>>>>>*/

.home_banner{position: relative; width: 100%;}

.home_banner .bg{width: 100%; height: auto;}

.home_banner .bg img{width: 100%; height: auto; display: block;}

.home_banner .txt{position: absolute; left: 16%; top: 50%; transform: translateY(-50%); z-index: 9999;}

.home_banner .txt .text1 h1{display: none; font-size: 0.85rem; line-height: 1.11rem; font-weight: bold; font-family: 'har-bold'; font-style: italic; color: #FFFFFF;}

.home_banner .txt .text1 h3{display: block; padding: 0.8rem 0.6rem 0 0; background: url(../images/home_text.png) no-repeat left top; background-size: 100%; font-size: 0.24rem; text-transform: uppercase; color: #FFFFFF; line-height: 0.36rem;}

.home_banner .searchss {height: 0.4rem;width: 4.1rem; margin-top: 0.5rem;}

.home_banner .parent {position: relative; border-radius: 0.1rem; padding-left: 0.15rem; background-color: #FFFFFF; transition: all 0.3s;}

.home_banner .parent:hover{box-shadow: 0 0 1px #0089D3, 0 0 3px #0089D3, 0 0 6px #0089D3;}

.home_banner .search {width: 3.5rem;height: 0.4rem;outline: none; border: none;background: none;}

.home_banner .buton {font-size: 0; width: 0.25rem; height: 0.25rem;background: url("../images/icon2.png") no-repeat center center; background-size: 0.25rem; position: absolute; top: 50%; transform: translateY(-50%); right: 0.1rem; border: none; outline: none; cursor: pointer; transition: all 0.3s;}

.home_banner .buton:hover{background: url(../images/icon2-1.png) no-repeat center center; background-size: 0.25rem;}

.home_banner .getmore{display: flex; grid-column-gap: 0.3rem; margin-top: 0.8rem;}

.home_banner .banner_more{display: inline-block; width: 2.3rem; transition: all 0.3s; color: #FFFFFF; font-size: 0.24rem; padding-left: 1rem; line-height: 0.66rem; border: #B3B3B3 solid 1px; border-radius: 0.12rem;}

.home_banner .banner_more:hover{backdrop-filter: blur(20px); border: #0089D3 solid 1px; color: #0089D3;}

.home_banner .banner_more.apply{cursor: pointer; background: url(../images/icon3.png) no-repeat 0.27rem center; background-size: .25rem;}

.home_banner .banner_more.down{background: url(../images/icon4.png) no-repeat  0.27rem center; background-size: 0.25rem;}



.radar{position:absolute; z-index: 1;}

.radar1{top: 13.2%; left: 63.45%;}

.radar2{top: 41.4%; left: 87.3%; transform: rotate(90deg);}

.radar3{top: 18%; left: 85%; transform: rotate(41.5deg);}

.radar4{top: 66.3%; left: 85%; transform: rotate(141.5deg);}

.radar5{top: 70.5%; left: 63.5%; transform: rotate(180deg);}

.radar6{top: 20.99%; left: 40.15%; transform: rotate(-58.5deg);}

.radar6.radar .boxs span{

	border: 1px solid rgba(191, 227, 255, 0);

	border-top: 2px solid rgba(191, 227, 255, 1);

}

.radar7{top: 41.6%; left: 38.8%; transform: rotate(-90deg);}

.radar7.radar .boxs span{animation: radars 2.5s linear infinite;animation-delay: calc(-0.5s * var(--i));}

@keyframes radars {

	0%{

		width: 0.1rem;

		height: 0.1rem;

	}

	50%{

		opacity: 1;

	}

	100%{

		width: 1.88rem;

		height: 0.6rem;

		opacity: 0;

	}

}

.radar8{top: 61.9%; left: 40.1%; transform: rotate(-121deg);}

.radar.radar8 .boxs span{

	border: 1px solid rgba(191, 227, 255, 0);

	border-top: 2px solid rgba(191, 227, 255, 1);

}

.radar .boxs{width: 1.8rem; height: 1.2rem; display: flex; justify-content: center; position: relative;}

.radar .boxs span{

	position: absolute;bottom: 0;

	display: block;

	box-sizing: border-box;

	border: 2px solid rgba(191, 227, 255, 0);

	border-top: 2px solid rgba(191, 227, 255, 1);

	border-radius: 50%;

	animation: radar 2.5s linear infinite;

	animation-delay: calc(-0.5s * var(--i));

}

.radar .boxs::after{content: " ";display: block; position:absolute; bottom: 0; border-radius: 50%; width: 0.08rem;height: 0.08rem;

	background: rgba(191, 227, 255, 0.8);

	box-shadow: 0 0 1px rgba(191, 227, 255, 0.8), 0 0 3px rgba(191, 227, 255, 0.8), 0 0 6px rgba(191, 227, 255, 0.8);

}



@keyframes radar {

	0%{

		width: 0.1rem;

		height: 0.1rem;

	}

	50%{

		opacity: 1;

	}

	100%{

		width: 1.2rem;

		height: 0.5rem;

		opacity: 0;

	}

}



@media only screen and (max-width:1029px){

	.radar{display: none !important;}

	.home_banner .txt{left: 6%;}

	.title h2{font-size: 0.4rem;}

}





.ell {
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
/* 超过两行显示省略号 */
.ell2 {
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}







/*<<<<<<<<<<<<<<<<<<<<<< 首页查询 >>>>>>>>>>>>>>>>>>>>>>>*/

.home1{width: 12.8rem; margin: 1.2rem auto 0.6rem;}

/*<<<<<<<<<<<<<<<<<<<<<< 首页车型 >>>>>>>>>>>>>>>>>>>>>>>*/

.home2{width: 100%; max-width: 19.20rem; margin: 0 auto; height: 5.50rem; display: flex; justify-content: space-between;}

.home2 img{height: 100%; width: 100%; object-fit: cover; display: block;}

.home2 .swiper-home2{width: 11.50rem; height: 100%; display: flex; justify-content: space-between; overflow: hidden;}

.home2 .home21{width: 3.1rem; height: 100%; background-color: #1B2C56; z-index: 999; position: relative;}

.home2 .swiper-home2 .swiper-wrapper{ height: 100%;}

.home2 .swiper-home2 .swiper-wrapper .swiper-slide{overflow: hidden; transition: all 0.5s;}

.home2 .home22{width: 4.40rem; height: 100%;z-index: 999; position: relative;}

@media only screen and (min-width:1030px){

	.home2 .swiper-home2 .swiper-wrapper .swiper-slide.swiper-slide-active{width: 7.0rem !important;}

	.home2 .swiper-home2 .swiper-wrapper .swiper-slide.swiper-slide-next{width: 4.40rem !important;}

}

.home2 .home21 .switch{ position: absolute; right: 0.3rem; top: 50%; transform: translateY(-50%);}

.home2 .home21 .switch .home2_prev,.home2 .home21 .switch .home2_next{width: 0.5rem; height: 0.5rem; border-radius: 50%; cursor: pointer; transition: all 0.3s;}

.home2 .home21 .switch .home2_prev{background: #FFFFFF url(../images/icon5.png) no-repeat center center; background-size: 0.2rem;}

.home2 .home21 .switch .home2_next{background: #FFFFFF url(../images/icon6.png) no-repeat center center; background-size: 0.2rem;}

.home2 .home21 .switch .home2_prev:hover{background: #0089D3 url(../images/icon5-1.png) no-repeat center center; background-size: 0.2rem;}

.home2 .home21 .switch .home2_next:hover{background: #0089D3 url(../images/icon6-1.png) no-repeat center center; background-size: 0.2rem;}

.home2 .home21 .switch .home2_prev.swiper-button-disabled,.home2 .home21 .switch .home2_next.swiper-button-disabled{opacity: 0.2;}

.home2 .home21 .switch .home2_num{text-align: center;font-size: 0.14rem; color: #9E9E9E; margin: 0.45rem 0;}

.home2 .home21 .switch .home2_num .inxof{font-size: 0.2rem; color: #0089D3;}

.home2 .swiper-slide .next_tit{position: absolute; left: 0; bottom: -100%; transition: all 0.3s; z-index: 9; color: #C5C5C5; font-size: 0.18rem;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden; width: 100%; height: 0.92rem; text-align: center; padding: 0.3rem; background: rgb(0 0 0 / 0.68);}

.home2 .swiper-slide.swiper-slide-next .next_tit{bottom: 0;}

.home2 .swiper-slide .act1{ position: absolute; z-index: 9; left: 0.4rem; top: -100%; transition: all 0.3s;}

.home2 .swiper-slide.swiper-slide.swiper-slide-active .act1{top: 0.3rem;}

.home2 .swiper-slide .bg{height: 100%; position: relative; overflow: hidden;}

.home2 .swiper-home2 .swiper-wrapper .swiper-slide .bg::before{content: ' '; display: block; position: absolute; z-index: 8; left: 0; top: 0; width: 100%; height: 100%; transition: all 0.5s;}

.home2 .swiper-home2 .swiper-wrapper .swiper-slide.swiper-slide-active .bg::before{background: rgb(0 0 0 / 40%);}

.home2 .swiper-home2 .swiper-wrapper .swiper-slide .bg img{transition: all 0.4s;}

.home2 .swiper-home2 .swiper-wrapper .swiper-slide:hover .bg img{transform: scale(1.04);}

.home2 .swiper-home2 .swiper-wrapper .swiper-slide.swiper-slide-active:hover .bg::before{background: rgb(0 0 0 / 0);}

.home2 .swiper-slide .act2{position: absolute; z-index: 9; right: 0.3rem; bottom: -100%; display: flex; grid-column-gap: 0.26rem; transition: all 0.3s;}

.home2 .swiper-slide.swiper-slide.swiper-slide-active .act2{bottom: 0.3rem;}

.home2 .swiper-slide .act2 .li{text-align: center;}

.home2 .swiper-slide .act2 .li .lis{width: 0.5rem; height: 0.5rem; margin: 0 auto; border: #9F9F9F solid 1px; font-weight: bold; text-align: center; border-radius: 0.1rem; font-size: 0.3rem; line-height: 0.5rem; color: #A5A5A5;}

.home2 .swiper-slide .act2 .li .lis.gs{color: #FFFFFF; background: #1B87F1; border: rgb(0 0 0 / 0) solid 1px;text-shadow: 1px 1px 1px #000;}

.home2 .swiper-slide .act2 .li .lis.liG{color: #FFFFFF; background: #02B23D; border: rgb(0 0 0 / 0) solid 1px;text-shadow: 1px 1px 1px #000;

}

.home2 .swiper-slide .act2 .li .lis.liA{color: #FFFFFF; background: #FFFF61; border: rgb(0 0 0 / 0) solid 1px;text-shadow: 1px 1px 1px #000;}

.home2 .swiper-slide .act2 .li .lis.liM{color: #FFFFFF; background: #FFC000; border: rgb(0 0 0 / 0) solid 1px;text-shadow: 1px 1px 1px #000;}

.home2 .swiper-slide .act2 .li .lis.liP{color: #FFFFFF; background: #DB1010; border: rgb(0 0 0 / 0) solid 1px;text-shadow: 1px 1px 1px #000;}



.home2 .swiper-slide .act2 .li .li_txt{font-size: 0.14rem; color: #D1D1D1; margin-top: 0.2rem;}

.home2 .swiper-slide .act1 .tit{font-size: 0.24rem; color: #FFFFFF;}

.home2 .home22 a{ transition: all 0.4s; color: #FFFFFF; border: #FFFFFF solid 4px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 0.2rem 0.4rem; display: flex; flex-direction: column; justify-content: center; align-items: center;}

.home2 .home22 a:hover{border-radius: 0.05rem; color: #0089D3; padding: 0.3rem 0.5rem; border: #0054A7 solid 4px; backdrop-filter: blur(30px);}

.home2 .home22 a .g1{font-size: 0.72rem; line-height: 0.84rem;}

.home2 .home22 a .g2{font-size: 0.48rem; line-height: 0.7rem;}

.home2 .home22 a .g3{font-size: 0.24rem; line-height: 0.48rem; white-space: nowrap;}

.home2 .home22 a .g4{font-size: 0.36rem; line-height: 0.48rem; white-space: nowrap;}

.home2_more{margin-top: 0.3rem; text-align: center;}

.home2_more a{display: inline-block; transition: all 0.4s; padding: 0.2rem; line-height: 0.42rem; font-size: 0.18rem; padding: 0 0.4rem 0 0.2rem; background: url(../images/icon10.png) no-repeat 95% center; background-size: 0.19rem; border: #0089D3 solid 1px; border-radius: 50px;}

.home2_more a:hover{background: #0054A7 url(../images/icon8.png) no-repeat 95% center; padding: 0 0.5rem 0 0.2rem; background-size: 0.19rem; color: #FFFFFF;  -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, .1);-moz-box-shadow:0 2px 5px rgba(0, 0, 0, .1);box-shadow:0 2px 5px rgba(0, 0, 0, .1);}



/*<<<<<<<<<<<<<<<<<<<<<< 首页新闻 >>>>>>>>>>>>>>>>>>>>>>>*/

.home3{width: 12.8rem; margin: 1.2rem auto 1rem;}

.home3 .news{display: flex; justify-content: space-between;}

.home3 .news ul{display: flex; grid-column-gap: 0.2rem;}

.home3 .news ul li{ height: 0.32rem; line-height: 0.32rem; color: #7E7E7E; background-color: #F0F0F0; padding: 0 0.2rem; cursor: pointer; border-radius: 50px; transition: all 0.3s;}

.home3 .news ul li:hover,.home3 .news ul li.showing{color: #FFFFFF; background-color: #0089D3;   -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, .1);-moz-box-shadow:0 2px 5px rgba(0, 0, 0, .1);box-shadow:0 2px 5px rgba(0, 0, 0, .1);}

.home3 .conts{margin-top: 0.5rem;}

.home3 .tabs{display: flex; justify-content: space-between;}

.home3 .tabs .swiper-home3s{width: 5.1rem; overflow: hidden; position: relative;}

@media only screen and (min-width:1030px){

	.home3 .tabs .swiper-home3s .swiper-pagination{top: 2.7rem; bottom: auto; width: auto; left: auto; right: 0.2rem;}}

.home3 .tabs .swiper-home3s .swiper-pagination-bullet-active{background-color: #0797F0;}

.home3 .tabs .news_ul{width: 7.3rem;}

.home3 .swiper-home3s .new_img{padding: 0 1px; height: 3rem;}

.home3 .swiper-home3s .new_img img{width: 100%; height: 100%; display: block; object-fit: cover;}

.home3 .swiper-home3s .news_info{border: #D9D9D9 solid 1px; border-top: none; padding: 0.2rem 0.2rem 0.1rem 0.2rem;}

.home3 .swiper-home3s .news_info h3{font-size: 0.18rem; line-height: 0.32rem; white-space:nowrap;overflow: hidden;text-overflow: ellipsis; }

.home3 .swiper-home3s .news_info .time{color: #B3B3B3; line-height: 0.28rem;}

.home3 .tabs .news_li{display: flex; justify-content: space-between;width: 100%; padding: 0.3rem 0.15rem 0.25rem; border-bottom: #DCDCDC solid 1px; transition: all 0.4s;}

.home3 .tabs .news_li:hover{border-bottom: 1px solid #FFFFFF; -webkit-box-shadow:0 2px 7px rgba(0, 0, 0, .1);-moz-box-shadow:0 2px 7px rgba(0, 0, 0, .1);box-shadow:0 2px 7px rgba(0, 0, 0, .1);}

.home3 .tabs .news_li:last-child{margin-bottom: 0;}

.home3 .tabs .news_li .time{width: 0.9rem; text-align: center; color: #B3B3B3;}

.home3 .tabs .news_li .time .day{font-size: 0.24rem; margin-bottom: 0.1rem;}

.home3 .tabs .news_li .time .year{border-top: #B3B3B3 solid 1px; display: inline-block; padding-top: 0.1rem;}

.home3 .tabs .news_li .infos{width: 6.4rem;}

@media only screen and (min-width:1030px){

	.home3 .tabs .news_li .infos .title{font-size: 0.18rem; transition: all 0.3s; margin-bottom: 0.1rem; white-space:nowrap;overflow: hidden;text-overflow: ellipsis; }

}

.home3 .tabs .news_li .infos .txt{color:#909090; font-size: 0.14rem; line-height: 0.28rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.home3 .more_new{margin-top: 0.3rem; text-align: center;}

.home3 .more_new a{display: inline-block; transition: all 0.4s; padding: 0.2rem; line-height: 0.42rem; font-size: 0.18rem; padding: 0 0.4rem 0 0.2rem; background: url(../images/icon10.png) no-repeat 92% center; background-size: 0.19rem; border: #0089D3 solid 1px; border-radius: 50px;}

.home3 .more_new a:hover{background: #0054A7 url(../images/icon8.png) no-repeat 95% center; padding: 0 0.5rem 0 0.2rem; background-size: 0.19rem; color: #FFFFFF;  -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, .1);-moz-box-shadow:0 2px 5px rgba(0, 0, 0, .1);box-shadow:0 2px 5px rgba(0, 0, 0, .1);}

.home3 .tabs .news_li:hover .infos .title{color: #0054A7;}



/*<<<<<<<<<<<<<<<<<<<<<< 首页跳转 >>>>>>>>>>>>>>>>>>>>>>>*/

.home4{display: flex; justify-content: space-between;padding: 0 3.2rem;column-gap: 0.1rem;}

.home4 .home4s{width: 50%; position: relative; overflow: hidden;}

.home4 .home4s:hover img{transform: scale(1.04);}

.home4 .home4s img{width: 100%; height: auto;display: block; transition: all 0.4s;}

.home4 .home4s .home4s_txt{position: absolute; left: 50%; top: 60%; transform: translate(-50%,-50%); z-index: 9; text-align: center;}

.home4 .home4s .home4s_txt h3{font-family: 'har-bold'; font-weight: bold; font-size: 0.32rem; margin-bottom: 0.3rem; color: #FFFFFF; white-space: nowrap;}

.home4 .home4s .home4s_txt a{display: inline-block; overflow: hidden; position: relative; cursor: pointer; color: #FFFFFF; font-size: 0.18rem; padding: 0.05rem 0.8rem 0.05rem 0.3rem; background: url(../images/icon8.png) no-repeat 90% center; background-size: 0.2rem; border-radius: 50px; line-height: 0.4rem; border: #FFFFFF solid 1px;}



.home4 .home4s .home4s_txt a::after{position: absolute; content: ' '; display: block; width: 100%; height: 100%; background-color: #0089D3; transform: scale(0); transition: all 0.6s; position: absolute; left: 0; top: 0;}

.home4 .home4s .home4s_txt a:hover{color: #FFFFFF; animation: more_icon 0.6s; border: solid rgba(0, 0, 0, 0) 1px;  -webkit-box-shadow:0 2px 10px rgba(0, 0, 0, .1);-moz-box-shadow:0 2px 10px rgba(0, 0, 0, .1);box-shadow:0 2px 10px rgba(0, 0, 0, .2);}

.home4 .home4s .home4s_txt a:hover::after{transform: scale(1); animation: more 0.4s; border-radius: 50px; z-index: -1;}





/*<<<<<<<<<<<<<<<<<<<<<< 首页合作伙伴 >>>>>>>>>>>>>>>>>>>>>>>*/

.home5{width: 12.8rem; margin: 0.7rem auto 1.4rem;}

.home5 .home5s{margin-top: 0.4rem; display: flex; flex-wrap: wrap; grid-gap: 0.25rem;}

.home5 .home5s .li{transition: all 0.5s;}

.home5 .home5s .li:hover{ box-shadow: 0 0 1px #0089D3, 0 0 3px #0089D3, 0 0 6px #0089D3;}

.home5 .home5s .li:nth-child(-n+6){width: 32%;}

.home5 .home5s .li:nth-child(n+7){width: 23.5%;}

.home5 .home5s .li img{width: 100%; height: auto; display: block;}



@media only screen and (max-width:1029px){

	.home1{width: 100%; padding: 0.15rem; margin: 0.8rem auto;}

	.searchs{background: none; padding: 0; margin-top: 0.3rem;}

	.searchs form{flex-wrap: wrap; justify-content: space-between; grid-gap: 0.2rem;}

	.searchs form .select{width: calc(50% - 0.1rem); border: #e5e5e5 solid 1px; border-radius: 0.1rem; padding: 0.1rem;}

	.searchs select{width: 100%;}

	.searchs form .inputs{width: 100%;}

	.searchs .inputs .search{width: calc(100% - 2rem); height: 100%; border: #e5e5e5 solid 1px; border-radius: 0.1rem;}

	.searchs .inputs .buton{height: 0.72rem; width: 1.8rem; font-size: 100%;}

}



@media only screen and (max-width:750px){}

@media only screen and (max-width:1029px){

	.forms{padding: 0.6rem 0.5rem;}

	.forms form .formlist{width: 100%;}

	.home2{flex-direction: column; flex-wrap: wrap; height: auto;}

	.home2 .home21{display: none;}

	.home2 .swiper-home2{width: 100%; height: 5.89286rem;}

	.home2 .home22{width: 100%;}

	.home2 .home22 a{flex-direction: row; grid-gap: 0.1rem;}

	.home2_more a{font-size: 100%; padding: 0.1rem 0.4rem 0.1rem 0.2rem;}

	.home2_more a:hover{padding: 0.1rem 0.5rem 0.1rem 0.2rem;}

	.home2 .swiper-slide .act1 .tit{font-size: 0.3rem;}

	.home2 .swiper-slide .act2{width: 100%; right: auto; left: 0; padding: 0 0.4rem; justify-content: center;}

	.home2 .swiper-slide .act2 .li .lis{width: 0.8rem; height: 0.8rem; line-height: 0.8rem;}

	.home2 .swiper-slide .act2 .li .li_txt{font-size: 0.24rem;}

	.home3{width: 100%; padding: 0 0.3rem; margin: 0.5rem auto 0.8rem;}

	.home3>.news>.title{text-align: center;}

	.home3 .news{flex-direction: column; align-items: center;}

	.home3 .news ul{margin-top: 0.3rem;}

	.home3 .news ul li{height: 0.56rem; line-height: 0.56rem;}

	.home3 .tabs{flex-direction: column; grid-gap: 0.4rem;}

	.home3 .tabs .swiper-home3s{width: 100%;}

	.home3 .swiper-home3s .new_img{height: 3.63559rem;}

	.home3 .swiper-home3s .news_info h3{font-size: .32rem; line-height: 0.6rem;}

	.home3 .swiper-home3s .news_info .time{font-size: 0.24rem; line-height: 0.32rem;}

	.home3 .tabs .news_ul{width: 100%;}

	.home3 .tabs .news_li .infos{width: 100%;}

	.home3 .tabs .news_li .infos .title{font-size: 0.32rem;line-height: 0.48rem; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; overflow: hidden;}

	.home3 .tabs .news_li .infos .txt{font-size: 0.24rem;}

	.home3 .more_new a{font-size: 0.24rem; line-height: 0.56rem;}

	.home4{display: block;}

	.home4 .home4s{width: 100%; height: 2.7109rem;}

	.home4 .home4s .home4s_txt a{font-size: 0.24rem;}

	.home5{display: none;}

	.footer{ padding: 0.4rem 0.3rem 0.9rem;}

	.footer .foot1{width: 100%; height: auto; display: block; margin-bottom: 0;}

	.footer .foot1 .logo a{display: inline-block; height: 1.14rem;}

	.footer .foot1 .hr{display: none;}

	.footer .foot1 .foot_c ul{margin: 0.46rem auto; flex-wrap: wrap;}

	.footer .foot1 .foot_c ul li{width:calc(33.33333% - 0.3rem);}

	.footer .foot1 .foot_c ul li a{font-size: 0.28rem; line-height: 0.8rem;}

	.footer .foot1 .mfoot{display: flex; justify-content: space-between;}

	.footer .foot1 .mfoots p,.footer .foot1 .mfoots a{font-size: 0.24rem; line-height: 0.44rem; color: #797979; transition: all 0.3s;}

	.footer .foot1 .mfoots a:active{color: #0089D3;}

	.footer .foot1 .qrcode .code span{font-size: 0.24rem;}

	.home3 .tabs .swiper-home3s .swiper-pagination{top: 3.2rem;}

}

@media only screen and (min-width:751px) and (max-width:1029px){}

@media only screen and (min-width:1030px){}





/*<<<<<<<<<<<<<<<<<<<<<< 关于我们页面 >>>>>>>>>>>>>>>>>>>>>>>*/

.about1{width: 12.8rem; margin: 0.9rem auto 1rem; display: flex; justify-content: space-between; align-items: flex-end;}

.about1 .about11{width: 5.6rem;}

.about1 .about11 .title{margin-bottom: 0.3rem;}

.about1 .about11 .title p{max-width: 80%; text-align: justify; font-size: 0.15rem; line-height: 0.24rem; color: #666666; margin-top: 0.25rem;}

.about1 .about11 .ab1_ul{ display: flex; flex-wrap: wrap; grid-gap: 1px; background-color: #E5E5E5;}

.about1 .about11 .ab1_ul .ab1_li{width: calc(50% - 0.5px); background-color: #F6F6F6; padding: 0.25rem 0.26rem 0.12rem; color: #666666; transition: all 0.3s; position: relative; z-index: 9; cursor: pointer;}

.about1 .about11 .ab1_ul .ab1_li::after{content: ' '; display: block; width: 0; height: 100%; position: absolute; left: 0; top: 0; background-color: #0089D3; transition: all 0.3s; z-index: -1;}

.about1 .about11 .ab1_ul .ab1_li h4{font-size: 0.18rem; font-family: 'har-bold'; font-weight: bold; padding-top: 0.6rem; display: inline-block; }

.about1 .about11 .ab1_ul .ab1_li>div{font-size: 0.13rem; margin-top: 0.1rem;}

.about1 .about12{width: 7.2rem;}

.about1 .about12 .ab1_tabs{animation: getIn 3s;}

.about1 .about12 img{width: 100%; height: auto; display: block;}



@media only screen and (min-width:1030px){

	.about1 .about11 .ab1_ul .ab1_li.ab1s,.about1 .about11 .ab1_ul .ab1_li:hover{color: #FFFFFF;}

	.about1 .about11 .ab1_ul .ab1_li.ab1s::after,.about1 .about11 .ab1_ul .ab1_li:hover::after{width: 100%;}

	.about1 .about11 .ab1_ul .ab1_li:nth-child(1) h4{background: url(../images/abi1.png) no-repeat left top; background-size: 0.54rem;}

	.about1 .about11 .ab1_ul .ab1_li:nth-child(2) h4{background: url(../images/abi2.png) no-repeat left top; background-size: 0.54rem;}

	.about1 .about11 .ab1_ul .ab1_li:nth-child(3) h4{background: url(../images/abi3.png) no-repeat left top; background-size: 0.54rem;}

	.about1 .about11 .ab1_ul .ab1_li:nth-child(4) h4{background: url(../images/abi4.png) no-repeat left top; background-size: 0.54rem;}

	.about1 .about11 .ab1_ul .ab1_li:nth-child(1):hover h4,.about1 .about11 .ab1_ul .ab1_li.ab1s:nth-child(1) h4{background: url(../images/abi1s.png) no-repeat left top; background-size: 0.54rem;}

	.about1 .about11 .ab1_ul .ab1_li:nth-child(2):hover h4,.about1 .about11 .ab1_ul .ab1_li.ab1s:nth-child(2) h4{background: url(../images/abi2s.png) no-repeat left top; background-size: 0.54rem;}

	.about1 .about11 .ab1_ul .ab1_li:nth-child(3):hover h4,.about1 .about11 .ab1_ul .ab1_li.ab1s:nth-child(3) h4{background: url(../images/abi3s.png) no-repeat left top; background-size: 0.54rem;}

	.about1 .about11 .ab1_ul .ab1_li:nth-child(4):hover h4,.about1 .about11 .ab1_ul .ab1_li.ab1s:nth-child(4) h4{background: url(../images/abi4s.png) no-repeat left top; background-size: 0.54rem;}

}



.about2{width: 100%; background: url(../images/about2_bg.jpg) no-repeat center center; background-size: cover; padding: 0.6rem 0 0.4rem;}

.about2 .title{text-align: center; margin: 0 auto;}

.about2 .about2s{width: 12.80rem; margin: 0.4rem auto 0;}

.about2s .about21{width: 100%; background-color: #FFFFFF; height: 4.86rem; position: relative; overflow: hidden;}

/* .about2s .about21 .about2_tab.getDown{display: none;} */

.about2s .about21 .about2_tab{display: flex; justify-content: space-between;transition: all 1s; width: calc(100% - 1rem); position: absolute; top: 0.3rem; left: 50%; transform: translateX(-50%);}

.about2s .about21 .tabs1{width: 40%;-webkit-animation-name: getInLeft; animation-name: getInLeft;}

.about2s .about21 .about2_tab.getDown .tabs1{-webkit-animation-name: getzoomOut;animation-name: getzoomOut;}

.about2s .about21 .tabs1 .xu{font-size: 0.18rem; color: #0089D3; display: flex; align-items: center; margin-top: 0.6rem;}

.about2s .about21 .tabs1 .xu::before{content: ' '; display: inline-block; width: 0.9rem; margin-right: 0.2rem; height: 1px; background-color: #0089D3;}

.about2s .about21 .tabs1 .tab_t{font-size: 0.24rem; line-height: 0.36rem;margin-top: 0.6rem;}

.about2s .about21 .tabs1 .tab_c{font-size: 0.18rem; line-height: 0.26rem;margin-top: 0.4rem;}

.about2s .about21 .tabs2{width: 55%;-webkit-animation-name: getInRight; animation-name: getInRight;}

.about2s .about21 .about2_tab.getDown .tabs2{-webkit-animation-name: getzoomOut;animation-name: getzoomOut;}

.about2s .about21 .tabs2 img{width: 100%; height: auto; display: block;}

.about2s .about22 .ab2_ul{display: flex;position: relative; margin-top: 0.3rem;}

.about2s .about22 .ab2_ul::before{content: " "; display: block; width: 100%; height: 2px; background-color: #1B2C56; position: absolute; left: 0; top: 0.11rem;}

.about2s .about22 .ab2_ul .ab2_li{display: inline-block; margin: 0 auto; text-align: center; cursor: pointer;}

.about2s .about22 .ab2_ul .ab2_li span{display: block; margin: 0.06rem auto; width: 0.12rem; height: 0.12rem; border-radius: 50%; background-color: #1B2C56; position: relative; transition: all 0.2s;}

.about2s .about22 .ab2_ul .ab2_li span::before{content: " "; display: block; width: 0; height: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background-color: #3CA3DB; border-radius: 50%; transition: all 0.2s; transition-delay: 0.1s;}

.about2s .about22 .ab2_ul .ab2_li.ab2s span{margin: 0 auto; width: 0.24rem; height: 0.24rem; background-color: #C4EAFF;}

.about2s .about22 .ab2_ul .ab2_li.ab2s span::before{width: 0.12rem; height: 0.12rem;}

.about2s .about22 .ab2_ul .ab2_li>div{padding-top: 0.15rem; font-size: 0.18rem; color: #666666; transition: all 0.4s;}

.about2s .about22 .ab2_ul .ab2_li.ab2s>div{color: #0089D3;}



.about3{width: 100%; padding: 0.6rem 0 1.1rem; background: url(../images/about3_bg.jpg) no-repeat center center; background-size: cover; position: relative;}

.about3 .title{margin: 0 auto; text-align: center;}

.about3 .title h2{color: #FFFFFF;}

.about3 .about3-swiper{width: 16.6rem; margin: 0.66rem auto 0;overflow: hidden;}

.about3 .about3-swiper::before{content: ' '; display: block; width: 100vw; height: 1px; background-color: #364875; position:absolute;left: 0; top: 2.7rem;}

.about3 .about3-swiper .swiper-wrapper .swiper-slide{color: #8699C5;}

.about3 .about3-swiper .swiper-slide .time_y{font-size: 0.3rem; margin-bottom: 0.2rem;}

.about3 .about3-swiper .swiper-slide .time_icon{display: inline-block; width: 0.2rem; height: 0.2rem; border-radius: 50%; background-color: #364875; position: relative;}

.about3 .about3-swiper .swiper-slide .time_icon::before{content: ' '; display: inline-block; width: 0.1rem; height: 0.1rem; border-radius: 50%; background-color: #FFFFFF; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

.about3 .about3-swiper .swiper-slide .time_icon::after{content: ' '; display: inline-block; width: 0.1rem; height: 0.1rem; border-radius: 50%; background-color: #4D6192;margin-left: 0.55rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

.about3 .about3-swiper .swiper-slide .ab3_c{ margin-left: 0.2rem; padding: 0.3rem; background-color: #2E4170; position: relative;}

.about3 .about3-swiper .swiper-slide .ab3c_icon{margin-top: 0.2rem;width: 0.24rem;height: 0.12rem;margin-left: 0.52rem;border-left: 0.12rem solid transparent;border-right: 0.12rem solid transparent;border-bottom: 0.12rem solid #2E4170;}

.about3 .about3-swiper .swiper-slide .ab3c_time{font-size: 0.18rem;}

.about3 .about3-swiper .swiper-slide .ab3c_p{font-size: 0.14rem; line-height: 0.24rem; margin-top: 0.1rem; display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}

.about3 .about3-swiper .swiper-slide .ab3c_img{margin-top: 0.2rem;}

.about3 .about3-swiper .swiper-slide .ab3c_img img{width: 100%; height: auto; display: block;}

.about3 .about3-next,.about3 .about3-prev{position: absolute; z-index: 9; top: 50%; width: 0.5rem; height: 0.5rem; border-radius: 50%; cursor: pointer;}



.about3 .about3-prev{left: 3vw; background: rgb(225 225 225 / .4) url(../images/prev.png) no-repeat center center; background-size: 0.2rem;}

.about3 .about3-next{right: 3vw; background: rgb(225 225 225 / .4) url(../images/next.png) no-repeat center center; background-size: 0.2rem;}

.about3 .swiper-button-disabled{opacity: 0.4;}



/*<<<<<<<<<<<<<<<<<<<<<< 关于我们视频中心、视频中心内容页 >>>>>>>>>>>>>>>>>>>>>>>*/

.videos{width: 12.80rem; margin: 0.7rem auto; text-align: center;}

.videos .title{text-align: center; margin-bottom: 0.44rem;}

.videos .video_ul{display: flex; grid-gap: 0.39rem; flex-wrap: wrap;}

.videos .video_ul .video_li{width: 4rem; cursor: pointer; transition: all 0.5s;}

.videos .video_ul .video_li:hover{  -webkit-box-shadow:0 2px 10px rgba(0, 0, 0, .1);-moz-box-shadow:0 2px 10px rgba(0, 0, 0, .1);box-shadow:0 2px 10px rgba(0, 0, 0, .2); color: #0089D3;}

.videos .video_ul .video_li .imgs{min-height: 2.40rem; overflow: hidden;}

.videos .video_ul .video_li img{width: 100%; height: 100%; display: block; object-fit: cover; transition: all 0.4s;}

.videos .video_ul .video_li .video_title{width: 100%; margin: 0.1rem 0; text-align: justify; line-height: 0.32rem; padding: 0 0.2rem 0 0.5rem;background: url(../images/icon9.png) no-repeat 0.1rem top; background-size: 0.32rem; display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis; }

.videos .video_lis{ overflow: hidden; position: relative; display: inline-block; margin: 0.6rem auto 0; padding: 0 0.7rem 0 0.4rem; border-radius: 50px; border: #0089D3 solid 1px; color: #0089D3; font-size: 0.18rem; line-height: 0.4rem;background: url(../images/icon10.png) no-repeat 90% center; background-size: 0.2rem; transition: all 0.5s;}

.videos .video_lis::after{position: absolute; content: ' '; display: block; width: 100%; height: 100%; background-color: #0089D3; transform: scale(0); transition: all 0.6s; position: absolute; left: 0; top: 0;}

.videos .video_lis:hover{color: #FFFFFF; background: url(../images/icon8.png) no-repeat 90% center;animation: more_icon 0.6s; background-size: 0.2rem;  -webkit-box-shadow:0 2px 10px rgba(0, 0, 0, .1);-moz-box-shadow:0 2px 10px rgba(0, 0, 0, .1);box-shadow:0 2px 10px rgba(0, 0, 0, .2);}

@keyframes more_icon{

	0%{background-position: 10% center;}

	80%{background-position: 95% center;}

	100%{background-position: 90% center;}

}

.videos .video_lis:hover:after{transform: scale(1); animation: more 0.4s; border-radius: 50px; z-index: -1;}

@keyframes more{

	0%{transform: scale(0,0); border-radius: 50%;}

	20%{transform: scale(0.29,1.2); border-radius: 50%;}

	100%{transform: scale(1,1);}

}



@media only screen and (max-width:1029px){

	.about4 .swiper-slide .time_y{font-size: 15px;}

	.about4 .swiper-slide .time_y::after{height: 20px;}

	.about4 .swiper-slide .about4_li .li_time{font-size: 15px;}

	.about4 .swiper-slide .about4_li .li_p{font-size: 12px; line-height: 200%; height: auto;}

	.about4 .swiper-slide .about4_li .li_img{height: 150px; padding-bottom: 0;}

	.about4 .swiper-slide .about4_li .li_img img{width: 100%; height: auto; object-fit: cover;}

	.about4 .icon_hr::before{top: 38.5px;}

	.about1{width: 100%; margin: 0.5rem auto 0.7rem; padding: 0 0.3rem;}

	.about1 .about11{width: 100%;}

	.about1 .about11 .title h2,.about1 .about11 .title h4{text-align: center;}

	.about1 .about11 .title p{max-width: 100%; font-size: 100%; line-height: 0.48rem; }

	.about1 .about11 .ab1_ul .ab1_li h4{padding: 0; padding-left: 0.8rem; line-height: 0.48rem;}

	.about1 .about11 .ab1_ul .ab1_li:nth-child(2),.about1 .about11 .ab1_ul .ab1_li:nth-child(3){background-color: #0089D3; color: #FFFFFF;}

	.about1 .about11 .ab1_ul .ab1_li:nth-child(1) h4{background: url(../images/abi1.png) no-repeat left center; background-size: 0.54rem;}

	.about1 .about11 .ab1_ul .ab1_li:nth-child(2) h4{background: url(../images/abi2s.png) no-repeat left center; background-size: 0.54rem;}

	.about1 .about11 .ab1_ul .ab1_li:nth-child(3) h4{background: url(../images/abi3s.png) no-repeat left center; background-size: 0.54rem;}

	.about1 .about11 .ab1_ul .ab1_li:nth-child(4) h4{background: url(../images/abi4.png) no-repeat left center; background-size: 0.54rem;}

	.about1 .about11 .ab1_ul .ab1_li>div{font-size: 0.24rem; line-height: 0.36rem;}

	.about1 .about11 .ab1_ul .ab1_li h4{font-size: 0.32rem;}

	.about2 .about2s{width: 100%; padding: 0 0.3rem;}

	.about2s .about21{height: 7.5rem;}

	.about2s .about21 .about2_tab{flex-direction: column;}

	.about2s .about21 .tabs1,.about2s .about21 .tabs2{width: 100%;}

	.about2s .about21 .tabs2{margin-top: 0.5rem;}

	.about2s .about21 .tabs1 .xu{font-size: 0.24rem; margin-top: 0.3rem;}

	.about2s .about21 .tabs1 .tab_t{font-size: 0.32rem; margin-top: 0.4rem; line-height: 0.48rem; text-align: justify;}

	.about2s .about21 .tabs1 .tab_c{font-size: 0.24rem; line-height: 0.32rem; margin-top: 0.2rem;}

	.about2s .about22 .ab2_ul .ab2_li>div{font-size: 100%;}

	.about3{overflow: hidden;}

	.about3 .about3-swiper{width:  80%; overflow: visible; margin: 0.66rem 0 0 10px;}

	.about3 .about3-swiper .swiper-slide .time_y{font-size: 0.44rem;}

	.about3 .about3-swiper .swiper-slide .time_icon{width: 0.35rem; height: 0.35rem;}

	.about3 .about3-swiper .swiper-slide .time_icon::before,.about3 .about3-swiper .swiper-slide .time_icon::after{width: 0.2rem; height: 0.2rem;}

	.about3 .about3-swiper::before{top: 2.93rem;}

	.about3 .about3-swiper .swiper-slide .ab3c_time{font-size: 0.32rem;}

	.about3 .about3-swiper .swiper-slide .ab3c_p{font-size: 0.24rem; line-height: 0.32rem;}

	.videos{width: 100%; padding: 0 0.3rem;}

	.videos .video_ul{flex-direction: column;}

	.videos .video_ul .video_li{width: 100%;}

	.videos .video_lis{font-size: 0.24rem; line-height: 0.6rem;}

}

@media only screen and (min-width: 751px) and (max-width: 1029px){

	.about4 .swiper-slide .about4_li{height: 30.5vw;}

}

@media only screen and (max-width: 750px){

	.about4 .about4_swiper{width: 78%;}

	.about4 .swiper-slide .about4_li .li_img{height: 20vw;}

	.about4 .swiper-slide .about4_li{height: 46.5vw; max-height: 271px;}

}









/*<<<<<<<<<<<<<<<<<<<<<< IVISTA要闻 >>>>>>>>>>>>>>>>>>>>>>>*/

.news1{width: 12.8rem; margin: 0 auto 0.7rem;}

.news1 .n1_li{margin-top: 0.6rem; transition: all 0.3s;}

.news1 .n1_li a{display: flex; justify-content: space-between;}

.news1 .n1_li:hover{ -webkit-box-shadow:0 2px 10px rgba(0, 0, 0, .1);-moz-box-shadow:0 2px 10px rgba(0, 0, 0, .1);box-shadow:0 2px 10px rgba(0, 0, 0, .2);}

.news1 .n1_li .li_img{width: 37.5%; overflow: hidden; min-height: 2.86rem; max-height: 3rem;}

.news1 .n1_li .li_img img{width: 100%; height: 100%; display: block; object-fit: cover; transition: all 0.5s;}

.news1 .n1_li:hover img{transform: scale(1.05);}

.news1 .n1_li .li_c{width: 58%; padding: 0.2rem 0.3rem 0.3rem 0; display: flex; flex-direction: column; justify-content: space-between;}

.news1 .n1_li .li_c h2{font-size: 0.24rem; line-height: 0.48rem; white-space:nowrap;overflow: hidden;text-overflow: ellipsis; transition: all 0.3s;}

.news1 .n1_li .li_c p{transition: all 0.5s; font-size: 0.15rem; line-height: 0.3rem; text-align: justify; color: #666666; margin-top: 0.2rem; display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}

.news1 .n1_li .li_c .li_c1{background: url(../images/icon11.png) no-repeat left center; background-size: 0.18rem;}

.news1 .n1_li .li_c .li_c2{background: url(../images/icon11.png) no-repeat left center; background-size: 0.18rem;}

.news1 .n1_li:hover .li_c h2,.news1 .n1_li:hover .li_c p{color: #0089D3;}

.news1 .n1_li .li_c .li_infors span{margin-right: 0.3rem; padding-left: 0.25rem; font-size: 0.13rem; line-height: 0.18rem;}



.news2{width: 12.8rem; margin: 0.4rem auto 0.7rem; display: flex; flex-wrap: wrap; grid-gap: 0.4rem;}

.news2 .n2_li{width: 4rem; transition: all 0.6s;}

.news2 .n2_li .li_img{height: 2.4rem; overflow: hidden;}

.news2 .n2_li .li_img img{width: 100%; height: 100%; display: block; object-fit: cover; transition: all 0.5s;}

.news2 .n2_li .li_c{height: 2rem; padding: 0.2rem 0.3rem 0.3rem; display: flex; flex-direction: column; justify-content: space-between; background-color: #F9F9F9;}

.news2 .n2_li .li_c h2{font-size: 0.18rem;white-space:nowrap;overflow: hidden;text-overflow: ellipsis; transition: all 0.3s;}

.news2 .n2_li .li_c p{transition: all 0.3s; font-size: 0.14rem; margin-top: 0.2rem; line-height: 0.24rem; color: #666666; text-align: justify;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;}

.news2 .n2_li .li_c .li_infors{font-size: 0.14rem; color: #9E9E9E;}

.news2 .n2_li:hover{-webkit-box-shadow:0 2px 10px rgba(0, 0, 0, .1);-moz-box-shadow:0 2px 10px rgba(0, 0, 0, .1);box-shadow:0 2px 10px rgba(0, 0, 0, .2);}

.news2 .n2_li:hover .li_c h2{color: #0089D3;}

.news2 .n2_li:hover .li_c p{color: #0089D3;}

.news2 .n2_li:hover img{transform: scale(1.05);}



.news3{width: 12.8rem; margin: 0.4rem auto 0.7rem;}

.news3 .n3_li{border-bottom: #E5E5E5 solid 1px;}

.news3 .n3_li a{display: flex; justify-content: space-between; padding: 0.6rem 0.4rem 0.7rem 0; transition: all 0.3s;}

.news3 .n3_li .n3_h{width: 15%; text-align: center; font-size: 0.2rem; color: #0054A7; line-height: 0.48rem; font-family: 'har-bold'; font-weight: bold; position: relative; transition: all 0.3s;}

.news3 .n3_li .n3_h::after{ content: ' '; display: block; width: 0; height: 0.48rem; border-radius: 0 50px 50px 0; position: absolute; left: 0; top: 0; z-index: -1; transition: all 0.4s;}

.news3 .n3_li .li_c{width: 70%;}

.news3 .n3_li .li_c h2{font-size: 0.2rem; margin-bottom: 0.3rem;white-space:nowrap;overflow: hidden;text-overflow: ellipsis; transition: all 0.3s;}

.news3 .n3_li .li_c p{font-size: 0.14rem; line-height: 0.24rem; color: #666666;text-align: justify;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}

.news3 .n3_li .li_time{color: #666666; text-align: end;}

.news3 .n3_li .li_time .t_day{font-size: 0.24rem;}

.news3 .n3_li .li_time .t_mounth{font-size: 0.18rem;}

.news3 .n3_li:hover{border-bottom: #FFFFFF solid 1px;}

.news3 .n3_li:hover a{ -webkit-box-shadow:0 2px 10px rgba(0, 0, 0, .1);-moz-box-shadow:0 2px 10px rgba(0, 0, 0, .1);box-shadow:0 2px 10px rgba(0, 0, 0, .2); border-radius: 0.16rem;}

.news3 .n3_li:hover .n3_h{color: #FFFFFF;}

.news3 .n3_li:hover .n3_h::after{background-color: #0054A7; width: 100%;}

.news3 .n3_li:hover .li_c h2{color: #0089D3;}



/*<<<<<<<<<<<<<<<<<<<<<< 新闻中心-详情页 >>>>>>>>>>>>>>>>>>>>>>>*/

.text-det{margin: 0.5rem auto 1rem; width: 12rem;}

.text-det h2{font-size: 0.32rem; text-align: center; line-height: 200%; font-family: 'har-bold';}

.text-det .det_infor{text-align: center; padding-bottom: 0.2rem; margin-bottom: 0.3rem; border-bottom: rgb(0 0 0 / 10%) solid 1px;}

.text-det .det_infor span{display: inline-block; margin: 0 0.2rem; font-size: 0.14rem; line-height: 200%; color: #666666;}

.text-det .text-cont{line-height: 200%; text-align: justify;}

.text-det .text-cont img{display: block; width: auto !important; height: auto !important; max-width: 100%; margin: 0.1rem auto;}



@media only screen and (max-width: 1029px){

	.news1{width: 100%; padding: 0 0.3rem;}

	.news1 .n1_li{margin-top: 0.5rem;}

	.news1 .n1_li .li_img{min-height: 2rem; max-height: 2.5rem;}

	.news1 .n1_li .li_c{padding: 0.1rem 0.2rem 0.1rem 0;}

	.news1 .n1_li .li_c h2{font-size: 0.3rem; text-align: justify; line-height: 0.4rem;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;white-space:normal;}

	.news1 .n1_li .li_c .li_infors span{font-size: 0.24rem; color: #BCB8B8; line-height: 0.36rem; padding-left: 0.3rem; background-size: 0.26rem;}

	.pages b, .pages a{font-size: 0.24rem;}

	.text-det{width: 100%; padding: 0 0.3rem;}

	.text-det .det_infor span{font-size: 0.24rem;}

	.news2{width: 100%; padding: 0 0.3rem;}

	.news2 .n2_li{width: 100%;}

	.news2 .n2_li .li_img{height: 4.6rem;}

	.news2 .n2_li .li_c{padding-bottom: 0.2rem; height: auto;}

	.news2 .n2_li .li_c h2{font-size: 0.32rem;}

	.news2 .n2_li .li_c p{font-size: 0.24rem; line-height: 0.36rem;-webkit-line-clamp: 2;}

	.news2 .n2_li .li_c .li_infors{font-size: 0.24rem; margin-top: 0.2rem;}

	.news3{width: 100%; padding: 0 0.3rem; margin: 0.2rem auto 0.7rem;}

	.news3 .n3_li a{padding: 0.5rem 0.15rem 0.3rem;}

	.news3 .n3_li .li_c{width: 100%;}

	.news3 .n3_li .li_c h2{font-size: 0.32rem; margin-bottom: 0.2rem; line-height: 0.48rem;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space:normal;}

	.news3 .n3_li .li_c p{font-size: 0.24rem; line-height: 0.36rem;}

	.news3 .n3_li .li_c .times923{margin-top: 0.2rem; line-height: 0.36rem; font-size: 0.24rem; padding-left: 0.32rem; color: #BCB8B8; background: url(../images/icon11.png) no-repeat left center; background-size: 0.26rem;}

}





/*<<<<<<<<<<<<<<<<<<<<<< 关于我们 >>>>>>>>>>>>>>>>>>>>>>>*/

.cent1{width: 100%; position: relative;}

.cent1 .cent1_bg img{width: 100%; height: auto; display: block;}

.cent1 .cen11{position: absolute; top: 50%; left: 16.66666%; transform: translateY(-50%); width: 26%; color: #FFFFFF;}

.cent1 .cen11 .cen_t h1{font-size: 0.48rem; line-height: 0.7rem;}

.cent1 .cen11 .cen_t h3{font-size: .24rem; line-height: .32rem; text-transform: uppercase;}

.cent1 .cen11 .cen_infor{margin-top: 0.4rem; padding-top: 0.26rem; border-top: 1px #FFFFFF solid;}

.cent1 .cen11 .cen_infor p{font-size: 0.15rem; line-height: 0.28rem;}

.cent1 .cen11 .inf_ul{display: flex; grid-column-gap: 0.1rem; margin-top: 0.3rem;}

.cent1 .cen11 .inf_ul .inf_li{width: 1rem; text-align: center; font-size: 0.14rem; color: #cccccc;}

.cent1 .cen11 .inf_ul .inf_li img{width: 100%; height: auto; display: block; margin-bottom: 0.1rem;}

.cent1 .cent12{position: absolute; left: 62%; top: 58%;z-index: 99;}

.cent1 .cent12 a.go{position: relative; cursor: pointer; display: flex;}

.cent1 .cent12 .go_a{ padding: 0.12rem 0.3rem 0.12rem 0.3rem; background-color: #266FB8;}

.cent1 .cent12 .go_a img{width: 1.2rem; height: auto; display: block; padding-right: 0.1rem; border-right: 1px rgb(225 225 225 / .1) solid; transition: all 0.5s;}

.cent1 .cent12 .go_a span{display: block;width: 0.4rem; height: 0.4rem; border: 1px rgb(225 225 225 / .1) solid; margin-left: 0.24rem; background: url(../images/icon13.png) no-repeat center center; background-size: 0.24rem;}

.cent1 .cent12 a.go:hover img{transform: translateX(-0.05rem);}

.cent1 .cent12 a.go:hover span{animation: go_span 1.5s linear infinite;}

@keyframes go_span {

	0%{transform: translateX(0);}

	50%{transform: translateX(0.15rem);}

	100%{transform: translateX(0);}

}

.cent1 .cent12 .icon{margin: 0 auto; width: 0.24rem;height: 0.12rem;border-left: 0.12rem solid transparent;border-right: 0.12rem solid transparent;border-top: 0.12rem solid #266FB8;}

.cent1 .cent12 .loader{width: 0.08rem; height: 0.08rem; background-color: #FDFDFD; border-radius: 50%; box-sizing: border-box; position: absolute; left: 50%; top: 115%; transform: translate(-50%,-50%); z-index: -1;}

.cent1 .cent12 .loader::before{content: ''; display: block; width: 0; height: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);z-index: -1; box-sizing: border-box; border-radius: 50%;animation: loaders 2s linear infinite;}

.cent1 .cent12 .loader::after{content: ''; display: block; width: 0; height: 0;  position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);z-index: -2; box-sizing: border-box; border-radius: 50%;animation: loaders 2s linear infinite; animation-delay: 1s;}

@keyframes loaders {

	0%{width: 0; height: 0;border: 2px solid #FFFFFF;opacity: 1; box-shadow: 0 0 0.1rem #0089D3;}

	30%{opacity: 0.6;}

	60%{opacity: 0.2;}

	90%{opacity: 0.1;}

	100%{width: 800%; height: 800%;border: 2px solid #FFFFFF;opacity: 0; box-shadow: 0 0 0.1rem #0089D3;}

}



.cent2{background: url(../images/conts_bg.png) no-repeat center center; background-size: cover; padding: 1.1rem 0;}

.cent2s{width: 83%;margin: 0 auto;}

.cent2s h4{font-size: 0.48rem; line-height: 0.7rem; color: #342626; text-align: center; margin-bottom: 0.4rem;}

.cent2s form{display: flex; justify-content: space-between; flex-wrap: wrap;}

.cent2s form .formlist{width: 49%; margin-bottom: 0.1rem;}

.cent2s form .formlist input{width: 100%; border: #E5E5E5 solid 1px; font-size: 0.15rem; height: 0.7rem; padding: 0 0.2rem;}

.cent2s form .formlist.form4,.cent2s form .formlist.form3{width: 100%;}

.cent2s form .formlist.form4 textarea{width: 100%; height: 2rem; font-size: 0.15rem; line-height: 200%; border: #E5E5E5 solid 1px; padding:0.2rem;}

.cent2s form .notice{width: 100%; margin: 0.3rem 0; font-size: 0.15rem; color: #342626;}

.cent2s form .bbtn,.cent2s form .clear{width: 49%;}

.cent2s form .clear input{width: 100%; font-size: 0.24rem; height: 0.76rem; border: #BCB8B8 solid 1px; background-color: #BCB8B8; color: #FFFFFF; transition: all 0.5s;}

.cent2s form .clear input:hover{background-color: #0089D3; }

.cent2s form button{width: 100%; font-size: 0.24rem; height: 0.76rem;color: #FFFFFF; line-height: 200%; background-color: #0054A7; border: none; transition: all 0.5s;}

.cent2s form button:hover{ line-height: 200%; background-color: #0089D3;}





@media only screen and (max-width: 1029px){

	.cent1 .cen11{width: 100%; padding: 0 0.3rem; left: 0; top: 1.8rem; transform: translateY(0);}

	.cent1 .cent12{left: 56%; top: 79%;}

	.cent1 .cen11 .cen_infor p{font-size: 100%; line-height: 0.6rem;}

	.cent2s form .formlist{width: 100%;}

	.cent2s form .formlist input{height: 0.8rem; font-size: 0.26rem;}

	.cent2s form .formlist.form4 textarea{font-size: 0.26rem;}

	.cent2s form .notice{font-size: 0.24rem;}

	.cent2s form button,.cent2s form .clear input{height: 0.84rem; font-size: 0.24rem;}

}





/*<<<<<<<<<<<<<<<<<<<<<< 指数介绍 >>>>>>>>>>>>>>>>>>>>>>>*/

.ind1{width: 12.8rem; margin: 0.5rem auto 0.5rem; display: flex; justify-content: space-between;}

.ind1 h2{font-size: 0.36rem; line-height: 0.54rem; font-family: 'har-bold'; font-weight: bold;}

.ind1 p{max-width: 8.5rem; line-height: 0.3rem; color: #666666; text-align: justify;}



.ind2{width: 12.8rem; margin: 0 auto 1.66rem; position: relative;}

.ind2 img{width: 100%; height: auto; display: block;}

.ind2 .ind22{position: absolute; z-index: 9; left: 50%; transform: translateX(-50%); bottom: -0.6rem; display: flex; justify-content: space-between; width: 87.5%;}

.ind2 .ind22 .ind2_li{width: 32.14285%; position: relative; text-align: center; background: rgba(255,255,255,0.9); background-size: cover; height: 2.4rem; padding: 0.3rem 0.9rem 0.2rem;}

.ind2 .ind22 .ind2_li h2{padding-top: 0.7rem; font-size: 0.24rem;font-family: 'har-bold'; font-weight: bold;}

.ind2 .ind22 .ind2_li p{margin-top: 0.2rem; color: #666666;}

.ind2 .ind22 .ind2_li::after{content: ' '; display: block; width: 80%; height: 1.6rem; position: absolute; z-index: -1; top: 1rem; left: 50%; transform: translateX(-50%); background: rgba(0, 84, 167, .1); filter: blur(8px);}

.ind2 .ind22 .ind2_li.ind221 h2{background: url(../images/icon14.png) no-repeat center top; background-size: 0.6rem;}

.ind2 .ind22 .ind2_li.ind222 h2{background: url(../images/icon15.png) no-repeat center top; background-size: 0.6rem;}

.ind2 .ind22 .ind2_li.ind223 h2{background: url(../images/icon16.png) no-repeat center top; background-size: 0.6rem;}

.ind3{width: 12.8rem; margin: 0.6rem auto 0.7rem;}

.ind3 p{line-height: 0.3rem; padding: 0 0.8rem; margin-top: 0.3rem; text-align: justify; color: #666666;}

.ind3 img{width: 100%; height: auto; display: block; margin-top: 0.3rem;}



.eva1{width: 12.8rem; margin: 0.7rem auto 0.45rem;}

.eva1 .eva11{cursor: pointer; height: 0.72rem; padding: 0.2rem 0.36rem; background-color: #F6F6F6; display: flex; justify-content: space-between; align-items: center;}

.eva1 .eva11 span{font-size: 0.2rem; font-family: 'har-bold'; font-weight: bold; line-height: 0.3rem;}

.eva1 .eva11 em{font-size: 0.3rem; color: #0054A7;}

.eva1 .eva12 img{width: 100%; height: auto;display: block;}



.eva2{width: 12.8rem; margin: 0 auto;}

.years_list{margin: 0.3rem 0 0;}

.years_list span{color: #9E9E9E;line-height: 0.35rem;}

.years_list a{ cursor: pointer; display: inline-block; color: #999999;line-height: 0.35rem; border-radius: 50px; border: #E5E5E5 solid 1px;padding: 0 0.24rem; margin: 0 0.05rem; transition: all 0.4s;}

.years_list a.years_in,.years_list a:hover{color: #0054A7; border: #0054A7 solid 1px;}



.eva3{width: 12.8rem; margin: 0.6rem auto 0.7rem; display: flex; flex-wrap: wrap; grid-gap: 0.2rem;}

.eva3 .eva3_li{width: 6.3rem;}

.eva3 .eva3_li a{display: block; position: relative;}

.eva3 .eva3_li a::after{content: ' '; display: block; width: 100%; height: 100%;  position: absolute; left: 0; top: 0; z-index: 0; background: url(../images/lis_bg.png) no-repeat left top; background-size: cover;}

.eva3 .eva3_li a .img{height: 4.9rem; overflow: hidden;}

.eva3 .eva3_li a img{width: 100%; height: 100%; display: block; object-fit: cover; transition: all 0.3s;}

.eva3 .eva3_li a:hover img{transform: scale(1.04);}

.eva3 .eva3_li .act1{position: absolute; left: 0.4rem; top: 0.2rem; z-index: 9;}

.eva3 .eva3_li .act1 .tit{font-size: 0.24rem; color: #FFFFFF;}





.act1>.years{display: flex; align-items: center;margin-top: 0.1rem;}

.act1>.years span{display: inline-block; margin-right: 0.2rem;font-size: 0.20rem; color: #FFFFFF; font-weight: bold;}

.act1 .act1_1{ display: inline-block;}

.act1 .act1_1 em{margin-right: 0.14rem; display: inline-block; width: 0.27rem; height: 0.27rem; background: url(../images/icon7-1.png) no-repeat center center; background-size: cover;}

.act1 .act1_1.star1 em:nth-child(-n+1){background: url(../images/icon7.png) no-repeat center center; background-size: cover;}

.act1 .act1_1.star2 em:nth-child(-n+2){background: url(../images/icon7.png) no-repeat center center; background-size: cover;}

.act1 .act1_1.star3 em:nth-child(-n+3){background: url(../images/icon7.png) no-repeat center center; background-size: cover;}

.act1 .act1_1.star4 em:nth-child(-n+4){background: url(../images/icon7.png) no-repeat center center; background-size: cover;}

.act1 .act1_1.star5 em:nth-child(-n+5){background: url(../images/icon7.png) no-repeat center center; background-size: cover;}

.eva3 .act2{background: rgba(0, 0, 0, .5); position: absolute; bottom: 0; left: 0; width: 100%; height: 1.2rem; padding: 0.2rem; display: flex; justify-content: flex-end; grid-column-gap: 0.25rem;}

.eva3 .act2 .li{text-align: center;}

.eva3 .act2 .li .lis{width: 0.5rem; margin: 0 auto; height: 0.5rem; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #A5A5A5; font-size: 0.3rem; border: #9F9F9F solid 2px; border-radius: 0.1rem;}

.eva3 .act2 .li .li_txt{color: #D1D1D1; font-size: 0.14rem; margin-top: 0.1rem;}

.eva3 .act2 .li .lis.gs{ color: #FFFFFF; background: #1B87F1;border: rgb(0 0 0 / 0) solid 1px;text-shadow: 1px 1px 1px #000;}

.eva3 .act2 .li .lis.liG{ color: #FFFFFF; background: #02B23D;border: rgb(0 0 0 / 0) solid 1px;text-shadow: 1px 1px 1px #000;}

.eva3 .act2 .li .lis.liA{ color: #FFFFFF; background: #FFFF61;border: rgb(0 0 0 / 0) solid 1px;text-shadow: 1px 1px 1px #000;}

.eva3 .act2 .li .lis.liM{ color: #FFFFFF; background: #FFC000;border: rgb(0 0 0 / 0) solid 1px;text-shadow: 1px 1px 1px #000;}

.eva3 .act2 .li .lis.liP{ color: #FFFFFF; background: #DB1010;border: rgb(0 0 0 / 0) solid 1px;text-shadow: 1px 1px 1px #000;}

.eva3 .G_logo{position: absolute; right: 0.2rem; top: 0.2rem; width: 1.2rem; height: 1.2rem;}

.eva3 .G_logo.ifno{display: none;}

.eva3 .G_logo.ifyes{display: block;}

.eva3 .G_logo img{width: 100%; height: auto; display: block;}



.eva3 .act3{width: 100%; padding: 0.3rem 0.5rem 0; display: flex; flex-wrap: wrap; background-color: #0054A7;}

.eva3 .act3 .li .lis>div{display: none; font-size: 0.18rem; font-weight: bold; color: #999999;}

.eva3 .act3 .li .lis.li4>div.lis0{display: block;}

.eva3 .act3 .li .lis div.lis0 span{color: #37E18C;}

.eva3 .act3 .li .lis.li3>div.lis1{display: block;}

.eva3 .act3 .li .lis div.lis1 span{color: #FFEA13;}

.eva3 .act3 .li .lis.li2>div.lis2{display: block;}

.eva3 .act3 .li .lis div.lis2 span{color: #ED8F2B;}

.eva3 .act3 .li .lis.li1>div.lis3{display: block;}

.eva3 .act3 .li .lis div.lis3 span{color: #EA2424;}

.eva3 .act3 .li .lis.li0>div.lis4{display: block;}

.eva3 .act3 .li{margin-bottom: 0.3rem;}

.eva3 .act3 .li:nth-child(1){width: 40%;}

.eva3 .act3 .li:nth-child(2){width: 35%;}

.eva3 .act3 .li:nth-child(3){width: 25%;}

.eva3 .act3 .li:nth-child(4){width: 40%;}

.eva3 .act3 .li:nth-child(5){width: 35%;}

.eva3 .act3 .li .li_txt{font-size: 0.12rem; margin-top: 0.1rem; font-weight: bold; color: #FFFFFF;}







.temporary{font-size: 0.32rem; letter-spacing: 0.05rem; color: #999999; font-weight: bold; text-align: center; margin: 0.5rem auto 1rem;}



@media only screen and (max-width:1029px){

	.ind1{width: 100%; padding: 0 0.3rem; flex-direction: column;}

	.ind1 p{line-height: 0.48rem; margin-top: 0.2rem;}

	.ind2,.ind3{width: 100%; padding: 0 0.3rem;}

	.ind2 .ind22 .ind2_li{padding: 0.2rem; height: auto;}

	.ind2 .ind22 .ind2_li::after{top: 50%;}

	.ind2 .ind22 .ind2_li h2{font-size: 0.32rem;}

	.ind2 .ind22 .ind2_li p{font-size: 0.24rem;}

	.ind3 p{padding: 0; line-height: 0.48rem;}

	.eva1{width: 100%; padding: 0 0.3rem; margin: 0.6rem auto 0.4rem;}

	.eva1 .eva11 span{font-size: 0.3rem;}

	.eva1 .eva11 em{font-size: 0.48rem;}

	.eva2{width: 100%; padding: 0 0.3rem;}

	.sear form .lp_k1{flex-wrap: wrap; grid-gap: 0.2rem;}

	.sear form .lp_k1 .fl{width: calc(50% - 0.1rem);}

	.sear form .lp_k1 .fl.ipt{width: calc(100% - 1rem - 2px);}

	.sear form .lp_k1 .fr{width: calc(0.8rem + 2px);}

	.sear form .lp_k1 .fr button{border-radius: 0.06rem; font-size: 0; background: #0089D3 url(../images/icon2-3.png) no-repeat center center; background-size: 0.3rem;}

	.sear select,.sear form .lp_k1 .fl.ipt input{width: 100%; border-radius: 0.06rem;}

	.years_list{display: flex; flex-wrap: wrap; grid-gap: 0.2rem;}

	.years_list span{display: block; width: 100%; font-family: 'har-bold'; font-weight: bold; color: #333333;}

	.years_list a{font-size: 0.24rem; margin-top: 0.1rem; line-height: 0.42rem;}

	.eva3{width: 100%; padding: 0 0.3rem;}

	.eva3 .eva3_li{width: 100%;}

	.eva3 .eva3_li .act1 .tit{font-size: 0.3rem;}

	.act1>.years span{font-size: 0.3rem;}

	.eva3 .act2{justify-content: center; height: auto;}

	.eva3 .act2 .li .lis{width: 0.7rem; height: 0.7rem;}

	.eva3 .act2 .li .li_txt{font-size: 0.24rem;}

}





/*<<<<<<<<<<<<<<<<<<<<<< G+车型 >>>>>>>>>>>>>>>>>>>>>>>*/

.mod1{width: 12.8rem; margin: 0.4rem auto 0.3rem; border-bottom: #0054A7 solid 2px; background-color: #F6F6F6;}

.mod1 a{display: inline-block; line-height: 0.6rem; font-size: 0.18rem; padding: 0 0.84rem; cursor: pointer; transition: all 0.5s;}

/* .mod1 a.mod_i,.mod1 a:hover{background-color: #0054A7; color: #FFFFFF; display: none;} */

.mod1 a:hover,.mod1 a.mod_i{background: #0054A7; color: #FFF;}

.mod3{width: 12.8rem; margin: 0.4rem auto 0.3rem; border-bottom: #0054A7 solid 2px; background-color: #F6F6F6;}

.mod3 a{display: inline-block; line-height: 0.6rem; font-size: 0.18rem; padding: 0 0.84rem; cursor: pointer; transition: all 0.5s;}

/* .mod1 a.mod_i,.mod1 a:hover{background-color: #0054A7; color: #FFFFFF; display: none;} */

.mod3 a:hover,.mod3 a.mod_i{background: #0054A7; color: #FFF;}

.mod2{width: 12.8rem; margin: 0 auto 1rem;}

.mod2 .mod2s{margin-top: 0.2rem;}





body {counter-reset: my-item;}

.mod2 a{display: flex; justify-content: space-between; padding: 0.3rem 0.6rem; min-height: 1.4rem; background-color: #F6F6F6; transition: all 0.3s;}

.mod2 a::before{counter-increment: my-item;content: counter(my-item);font-size: 0.36rem;display: inline-block;height: 0.8rem;line-height: 0.8rem; width: 0.8rem;align-self: center;text-align: center;}

.mod2 a:hover{-webkit-box-shadow:0 2px 10px rgba(0, 0, 0, .1);-moz-box-shadow:0 0 10px rgba(0, 0, 0, .1);box-shadow:0 0 10px rgba(0, 0, 0, .2); border-radius: 0.16rem;}

.mod2 a:hover .mod21_r{animation: go_more 2s linear infinite;}

@keyframes go_more {

	0%{background: url(../images/icon20.png) no-repeat right bottom; background-size: 0.3rem;}

	50%{background: url(../images/icon20.png) no-repeat 90% bottom; background-size: 0.3rem;}

	100%{background: url(../images/icon20.png) no-repeat right bottom; background-size: 0.3rem;}

}

.mod2 a:hover h4{color: #0089D3;}

.mod2 .mod2s:nth-child(1) a::before{background: url(../images/icon17.png) no-repeat center center; background-size: cover;}

.mod2 .mod2s:nth-child(2) a::before{background: url(../images/icon18.png) no-repeat center center; background-size: cover;}

.mod2 .mod2s:nth-child(3) a::before{background: url(../images/icon19.png) no-repeat center center; background-size: cover;}

.mod2 .mod2s .mod21_c{width: 8rem; display: flex; align-items: center;}

.mod2 .mod2s .mod21_c .modc_img{flex-shrink: 0; width: 2.30rem; height: 1.8rem; overflow: hidden; margin-right: 0.6rem;}

.mod2 .mod2s .mod21_c .modc_img img{width: 100%; height: 100%; display: block; object-fit: contain;}

.mod2 .mod2s .mod21_c h4{font-size: 0.24rem; line-height: 0.6rem; font-family: 'har-bold'; transition: all 0.4s;}

.mod2 .mod2s .mod21_c span{display: block; font-size: 0.15rem; line-height: 0.3rem;}

.mod2 .mod2s .mod21_r{ text-align: right; background: url(../images/icon20.png) no-repeat right bottom; background-size: 0.3rem;}

.mod2 .mod2s .mod21_r .r1{font-size: 0.14rem; color: #999999;}

.mod2 .mod2s .mod21_r .r2{font-size: 0.44rem; line-height: 0.5rem; margin-top: 0.1rem; color: #0054A7;}

.mod2 .mod2s .mod21_r .r3 .r31{display: inline-block; font-size: 0.14rem; color: #999; margin-right: 0.1rem;}

.mod2 .mod2s .mod21_r .r3 .r32{display: inline-block; font-size: 0.18rem; color: #0054A7;}

/*
.mod2 .mod2s:nth-child(n+4) .mod21_c .modc_img{display: none;}

.mod2 .mod2s:nth-child(n+4) .mod21_c span{display: inline-block; margin-right: 0.1rem; font-size: 0.15rem; line-height: 0.3rem; color: #666666;}

.mod2 .mod2s:nth-child(n+4) .mod21_r .r2{font-size: 0.36rem; line-height: 0.5rem; color: #0054A7;}

.mod2 .mod2s:nth-child(n+4) .mod21_c{width: 7.5rem;}

.mod2 .mod2s:nth-child(n+4) a{padding: 0.2rem 0.6rem;}
*/

.main .mod2:nth-child(1) .mod2s .mod21_r .r2{margin-top: 0;}

@media only screen and (min-width:1030px){

	.main .mod2:nth-child(1) .mod2s:nth-child(n+4) .mod21_r{background: none;}

	.main .mod2:nth-child(1) .mod2s:nth-child(n+4) a:hover .mod21_r{animation: none;}

}



.inxdet{margin: 0.4rem auto 0; width: 12.8rem;}

.inxdet .inxdet1{display: flex; justify-content: space-between;}

.inxdet .inxdet1 .eschats{width: 58%; height: 6rem; overflow: hidden; position: relative}

.inxdet .inxdet1 .eschats img{width: 100%; height: auto; display: block;}
.inxdet .inxdet1 .eschats .swiper-wrapper{position:static}
.inxdet .inxdet1 .eschats .map-swiper{width:100%; height: 100%;}
.inxdet .inxdet1 .eschats .swiper-container-horizontal > .swiper-pagination-bullets{ bottom:20px;}

.inxdet .inxdet1 .dets{width: 40%; padding-top: 0.7rem; position: relative;}

.inxdet .inxdet1 .dets h2{font-size: 0.3rem; line-height: 0.48rem;}

.inxdet .inxdet1 .dets1{display: inline-block; background-color: #F6F6F6; padding: 0.05rem 0.1rem; font-size: 0.14rem; color: #666666;}

.inxdet .inxdet1 .dets1 span:first-child{margin-right: 0.3rem;}

.inxdet .inxdet1 .dets2{color: #666666; line-height: 0.24rem; text-align: justify; margin-top: 0.3rem;}

.inxdet .inxdet1 .dets3{margin-top: 0.3rem; display: flex; align-items: center;}

.inxdet .inxdet1 .dets3 .dets31{font-size: 0.2rem; color: #0054A7; margin-right: 0.2rem;}

.inxdet .inxdet1 .dets3 .dets31 em{font-size: 0.36rem; margin-left: 0.1rem; line-height: 0.5rem; font-family: 'har-bold';}

.inxdet .inxdet1 .dets3 .dets32 em{display: inline-block; width: 0.2rem; height: 0.2rem; margin: 0.06rem; background: url(../images/star2.png) no-repeat center center; background-size: cover;}

.inxdet .inxdet1 .dets3 .dets32.star1 em:nth-child(-n+1){background: url(../images/star.png) no-repeat center center; background-size: cover;}

.inxdet .inxdet1 .dets3 .dets32.star2 em:nth-child(-n+2){background: url(../images/star.png) no-repeat center center; background-size: cover;}

.inxdet .inxdet1 .dets3 .dets32.star3 em:nth-child(-n+3){background: url(../images/star.png) no-repeat center center; background-size: cover;}

.inxdet .inxdet1 .dets3 .dets32.star4 em:nth-child(-n+4){background: url(../images/star.png) no-repeat center center; background-size: cover;}

.inxdet .inxdet1 .dets3 .dets32.star5 em:nth-child(-n+5){background: url(../images/star.png) no-repeat center center; background-size: cover;}

.inxdet .inxdet1 a{display: block; width: 100%; margin-top: 0.4rem; background-color: #F6F6F6; text-align: center; padding: 0.25rem 0; transition: all 0.3s;}

.inxdet .inxdet1 a:hover{-webkit-box-shadow:0 2px 10px rgba(0, 0, 0, .1);-moz-box-shadow:0 0 10px rgba(0, 0, 0, .1);box-shadow:0 0 10px rgba(0, 0, 0, .2); border-radius: 0.16rem;}

.inxdet .inxdet1 a span{display: inline-block; color: #666666; padding-left: 0.4rem; line-height: 0.3rem; background: url(../images/icon21.png) no-repeat left center; background-size: 0.3rem;}

.tupian{background-color: #F6F6F6; padding: 0.5rem 0 1.6rem;}

.tupian h1{font-size: 0.36rem; font-family: 'har-bold'; font-weight: bold; line-height: 200%; text-align: center;}

.tupian .inxdet2-swiper{position: relative; width: 12.8rem; margin: 0.5rem auto 0; overflow: hidden; height: 3.3rem;}

.tupian .inxdet2-swiper .swiper-slide,.tupian .inxdet2-swiper .swiper-slide>div{height: 100%;}

.tupian .inxdet2-swiper .swiper-slide img{width: 100%; height: 100%; display: block; object-fit: cover;} 

.tupian .inxdet2-swiper .cutpag{width: 0.54rem; height: 0.6rem; background: rgba(0, 0, 0, .5); position: absolute; top: 50%; z-index: 9; transform: translateY(-50%); cursor: pointer; transition: all 0.3s;}

.tupian .inxdet2-swiper .cutpag.cut-prev{left: 0;background: rgba(0, 0, 0, .5) url(../images/prev1.png) no-repeat center center; background-size: 0.24rem;}

.tupian .inxdet2-swiper .cutpag.cut-next{right: 0;background: rgba(0, 0, 0, .5) url(../images/next1.png) no-repeat center center; background-size: 0.24rem;}

.tupian .inxdet2-swiper .cutpag.swiper-button-disabled{opacity: 0.5;}





@media only screen and (max-width:1029px){

	.mod1{width: calc(100% - 0.6rem);}

	.mod1 a{width: 50%; text-align: center; font-size: 100%; padding: 0;}

	.mod2{width: 100%; padding: 0 0.3rem;}

	.mod2 .mod2s .mod21_c .modc_img,.mod2 .mod2s .mod21_r .r1{display: none;}

	.mod2 a,.mod2 .mod2s:nth-child(n+4) a{padding: 0.3rem 0.2rem;}

	.mod2 .mod2s .mod21_c,.mod2 .mod2s:nth-child(n+4) .mod21_c{width: 65%;}

	.mod2 .mod2s .mod21_c .modc_txt{width: 100%;}

	.mod2 .mod2s .mod21_c h4{font-size: 100%; white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}

	.mod2 .mod2s .mod21_c span{font-size: 0.24rem; margin: 0.1rem auto; line-height: 0.36rem;}

	.mod2 .mod2s .mod21_r .r2{font-size: 0.36rem;}

	.mod2 .mod2s:nth-child(n+4) .mod21_c span{font-size: 0.24rem; display: block;}

	.main .mod2:nth-child(1) .mod2s a{flex-wrap: wrap;}

	.main .mod2:nth-child(1) .mod2s .mod21_c{width: calc(100% - 1rem); margin-left: 0.2rem;}

	.main .mod2:nth-child(1) .mod2s .mod21_r{text-align: left; width: 100%; padding-left: 1rem;}

	.main .mod2:nth-child(1) .mod2s .mod21_r .r1{display: inline-block;}

	.main .mod2:nth-child(1) .mod2s .mod21_r .r2{display: inline-block;}

	.main .mod2:nth-child(1) .mod2s a:hover .mod21_r{animation: none;}



	.inxdet{width: 100%; padding: 0 0.3rem;}

	.inxdet .inxdet1{flex-direction: column;}

	.inxdet .inxdet1 .eschats{width: 100%;}

	.inxdet .inxdet1 .dets{width: 100%; padding-top: 0; padding-bottom: 0.3rem;}

	.inxdet .inxdet1 .dets h2{font-size: 0.4rem; line-height: 0.6rem;}

	.inxdet .inxdet1 .dets1{font-size: 0.24rem;}

	.inxdet .inxdet1 .dets2{font-size: 100%; line-height: 0.48rem;}

	.inxdet .inxdet1 .dets3 .dets31{font-size: 0.3rem;}

	.inxdet .inxdet1 .dets3 .dets32 em{width: 0.3rem; height: 0.3rem;}

	.tupian .inxdet2-swiper{width: 100%; height: 5.2rem;}

	.tupian .inxdet2-swiper .cutpag{width: 0.93rem; height: 1.03rem;}

	.tupian .inxdet2-swiper .cutpag.cut-next,.tupian .inxdet2-swiper .cutpag.cut-prev{background-size: 0.4rem;}

}



/* 年度车型 */

.ycats{width: 12.8rem; margin: 0.7rem auto 1rem;}

.ycats .ycat1{position: relative; margin-top: 0.4rem; padding: 0.5rem 0.6rem; background-color: #F6F6F6; border-bottom: 0.16rem solid #CCCCCC;}

.ycats .ycat1::after{content: ""; display: block; width: 40%; height: 0.16rem; background-color: #0054A7; position: absolute; left: 0; bottom: -0.16rem;}

.ycats .ycat1::before{content: ''; display: block; width: 5rem; height: 1rem; background: url(../images/yact_bg.png) no-repeat center center; background-size: cover; position: absolute; right: 0; bottom: 0.05rem;}

.ycats .ycat1 h3{font-size: 0.2rem; margin-bottom: 0.1rem; line-height: 0.3rem; position: relative; padding-left: 0.15rem; font-family: 'har-bold'; font-weight: bold;}

.ycats .ycat1 h3::before{content: ''; display: block; height: 0.2rem; width: 0.06rem; background-color: #0054A7; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

.ycats .ycat1 p{font-size: 0.15rem; line-height: 0.3rem; color: #666666; text-align: justify;}

.ycats .ycat1 p em{color: #333333; font-family: 'har-bold'; font-weight: bold;}

.ycats .ycat1 .ycat12{margin-top: 0.3rem;}

.ycats .ycat2{display: flex; justify-content:space-between; flex-wrap: wrap; margin-top: 0.3rem;}

.ycats .ycat2 .ycatli{width: 49%; margin-bottom: 0.2rem;}

.ycats .ycat2 .ycatli .li_img{height: 4.9rem;}

.ycats .ycat2 .ycatli .li_img img{width: 100%; height: 100%; display: block; object-fit: cover;}

.ycats .ycat2 .ycatli .li_info{display: flex; justify-content: space-between; align-items: center; height: 1.6rem; background-color: #0054A7; padding: 0.36rem 0;}

.ycats .ycat2 .ycatli .li_info>div{padding: 0 0.3rem;}

.ycats .ycat2 .ycatli .li_info .info1{width: 23%;}

.ycats .ycat2 .ycatli .li_info .info2{width: 50%;}

.ycats .ycat2 .ycatli .li_info .info3{width: 30%;}

.ycats .ycat2 .ycatli .li_info .info1>div{width: 0.8rem; height: 0.8rem; overflow: hidden; border-radius: 50%;}

.ycats .ycat2 .ycatli .li_info .info1>div img{width: 100%; height: 100%; object-fit: cover; display: block;}

.ycats .ycat2 .ycatli .li_info .info2{border-left: rgba(255, 255, 255, 0.1) solid 1px; border-right: rgba(255, 255, 255, 0.1) solid 1px; color: #FFFFFF;}

.ycats .ycat2 .ycatli .li_info .info2 h5{font-size: 0.18rem; white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}

.ycats .ycat2 .ycatli .li_info .info2 p{font-size: 0.14rem; margin-top: 0.1rem;}

.ycats .ycat2 .ycatli .li_info .info3{font-size: 0.48rem; color: #FFFFFF;}



/*<<<<<<<<<<<<<<<<<<<<<< 相关下载 >>>>>>>>>>>>>>>>>>>>>>>*/

.downs{width: 12.8rem; margin: 0.5rem auto  1rem;}

.downs .downs1{width: 100%; line-height: 0.6rem; background-color: #0054A7; margin-bottom: 0.3rem; padding: 0 0.6rem;}

.downs .downs1 .li{display: inline-block; color: #83B4E5; margin-right: 0.6rem; transition: all 0.3s; cursor: pointer;}

.downs .downs1 .li.lis{color: #FFFFFF;}

.downs .downs_tab{margin-top: 0.3rem;}

.downs .downs3{margin-top: 0.3rem; display: flex; justify-content: space-between; flex-wrap: wrap;}

.downs .downs3 .downs_li{width: 49%; margin-bottom: 0.2rem;}

.downs .downs3 .downs_li a{display: block; padding: 0.25rem 0.35rem; height: 1rem; border: #E5E5E5 solid 1px; background: url(../images/download.png) no-repeat 92% 0.25rem; background-size: 0.24rem; transition: all 0.3s;}

.downs .downs3 .downs_li a .li_title{width: 70%; line-height: 0.24rem; padding-left: 0.5rem; background: url(../images/icon21.png) no-repeat left top; background-size: 0.3rem; height: 100%;}

.downs .downs3 .downs_li a.formats-p .li_title{background: url(../images/icon21.png) no-repeat left top; background-size: 0.3rem;}

.downs .downs3 .downs_li a.formats-f .li_title{background: url(../images/fails-icon.png) no-repeat left top; background-size: 0.3rem;}

.downs .downs3 .downs_li a:hover{color: #0054A7;animation: downs 1s linear infinite; border-radius: 0.06rem; border: #FFFFFF solid 1px; box-shadow: 0 0 1px #0089D3, 0 0 3px #0089D3, 0 0 6px #0089D3;}

@keyframes downs{

	0%{ background: url(../images/download.png) no-repeat 92% 0.25rem; background-size: 0.24rem;}

	50%{ background: url(../images/download.png) no-repeat 92% 0.3rem; background-size: 0.24rem;}

	100%{ background: url(../images/download.png) no-repeat 92% 0.25rem; background-size: 0.24rem;}

}



@media only screen and (max-width:1029px){

	.ycats,.downs{width: 100%; padding: 0 0.3rem; margin: 0.5rem auto 1rem;}

	.ycats .ycat1{padding: 0.4rem 0.3rem 0.8rem;}

	.ycats .ycat1 h3{font-size: 0.32rem; margin-bottom: 0.3rem; line-height: 0.48rem;}

	.ycats .ycat1 p{font-size: 0.24rem; line-height: 0.32rem; margin-bottom: 0.2rem;}

	.ycats .ycat2 .ycatli{width: 100%; position: relative;}

	.ycats .ycat2 .ycatli .li_info .info3{width: auto; position: absolute; z-index: 9; top: 0; left: 0; line-height: 0.74rem; background-color: rgba(0, 0, 0, .5);}

	.ycats .ycat2 .ycatli .li_info .info2{width: 77%; border-right: none;}

	.ycats .ycat2 .ycatli .li_info .info2 h5{font-size: 100%;}

	.ycats .ycat2 .ycatli .li_info .info2 p{font-size: 0.24rem;}

	.downs .downs1{line-height: 0.9rem; display: flex; justify-content: space-between;}

	.downs .downs1 .li{margin: 0;}

	.downs .downs3 .downs_li{width: 100%;}

	.downs .downs3 .downs_li a{padding: 0.25rem 0.2rem; height: auto;    background: url(../images/download.png) no-repeat 96% 0.25rem;background-size: 0.3rem; transition: all 0.3s;}

	.downs .downs3 .downs_li a .li_title{width: 86%; line-height: 0.44rem; text-align: justify; background: url(../images/icon21.png) no-repeat left top; background-size: 0.4rem;}

	.downs .downs3 .downs_li a:hover{color: #0054A7;animation: mdowns 1s linear infinite;border: #FFFFFF solid 1px; box-shadow: 0 0 1px #0089D3, 0 0 3px #0089D3, 0 0 6px #0089D3;}

@keyframes mdowns{

	0%{ background: url(../images/download.png) no-repeat 96% 0.25rem; background-size: 0.3rem;}

	50%{ background: url(../images/download.png) no-repeat 96% 0.3rem; background-size: 0.3rem;}

	100%{ background: url(../images/download.png) no-repeat 96% 0.25rem; background-size: 0.3rem;}

}

}



/*<<<<<<<<<<<<<<<<<<<<<< 国际研讨会议 >>>>>>>>>>>>>>>>>>>>>>>*/

.huiyi{ color: #FFFFFF; padding: 1.6rem 0 1.3rem; width: 100%;height: auto; background: #0054A7 url(../images/huiyi_bg.png) no-repeat center top; background-size: 100% auto;}

.hy1{display: flex; justify-content: space-between; padding: 0 1.3rem; height: 0.8rem;align-items:center;}

.hy1 .hy11 span{display: block;text-align: center; font-size: 0.24rem; line-height: 0.28rem;}

.hy1 .hy11 span:first-child{letter-spacing: 0.04rem;}

.hy1 .hy11 span:first-child::after{content: ''; display: block; width: 100%; height: 1.5px; background-color: #FFFFFF; margin: 0.1rem 0;}

.hy1 .hy12{height: 80%;}

.hy1 .hy12 img{height: 100%; width: auto;display: block;}

.hy2{width: 12.8rem; margin: 1.6rem auto 0; text-align: center;}

.hy2 h1{font-size: 1.2rem; font-family: 'har-bold'; font-weight: bold;}

.hy2 h2{font-size: 0.48rem; letter-spacing: 0.12rem; margin-top: 0.4rem;}

.hy2 h4{font-size: 0.3rem; margin-top: 0.2rem;}

.hy3{width: 12.8rem; margin: 1rem auto 0;padding: .8rem 1.1rem;position: relative; cursor: pointer;

	background: -webkit-linear-gradient(left top, #034C96 , #0D61B3); /* Safari 5.1 - 6.0 */

	background: -o-linear-gradient(bottom right, #034C96, #0D61B3); /* Opera 11.1 - 12.0 */

	background: -moz-linear-gradient(bottom right, #034C96, #0D61B3); /* Firefox 3.6 - 15 */

	background: linear-gradient(to bottom right, #034C96 , #0D61B3); /* 标准的语法 */

	box-shadow: 0 0 30px rgb(0 0 0 / 10%);

	transition: all 0.5s;

}

.hy3:hover{border-radius: 0.2rem;background: #0089D3;}

.hy3::after{content: ' '; display: block;width: 0.64rem; height: 0.64rem; position: absolute; right: 0.4rem; bottom: 0.35rem; background: url(../images/video_icon.png) no-repeat left top;background-size: 0.64rem;}

.hy3 p{font-size: 0.15rem; line-height: 0.28rem; text-align: justify;}

.huiyi h3{font-size: 0.36rem; text-align: center; font-family: 'har-bold'; font-weight: bold; margin-bottom: 0.5rem;}

.hys,.hy4{margin: 1rem auto 0; width: 12.8rem;}

.hys .hys_ul,.hy4 .hy4_ul,.vclas2 .vcl2_ul{display: flex;grid-gap: 0.39rem; flex-wrap: wrap;}

.hys .hys_ul .hys_li,.hy4 .hy4_ul .hy4_li,.vclas2 .vcl2_ul .vcl2_li{position: relative; cursor: pointer; padding: 0.35rem 0.4rem; width: 4rem; box-shadow: 0 0 30px rgb(0 0 0 / 10%); transition: all 0.5s;}

.hys:nth-child(even) .hys_ul .hys_li{

	background: -webkit-linear-gradient(left, #034C96 , #0D61B3); /* Safari 5.1 - 6.0 */

	background: -o-linear-gradient(right, #034C96, #0D61B3); /* Opera 11.1 - 12.0 */

	background: -moz-linear-gradient(right, #034C96, #0D61B3); /* Firefox 3.6 - 15 */

	background: linear-gradient(to right, #034C96 , #0D61B3); /* 标准的语法 */

}

.hys:nth-child(odd) .hys_ul .hys_li{

	background: -webkit-linear-gradient(right, #034C96 , #0D61B3); /* Safari 5.1 - 6.0 */

	background: -o-linear-gradient(left, #034C96, #0D61B3) ; /* Opera 11.1 - 12.0 */

	background: -moz-linear-gradient(left, #034C96, #0D61B3) ; /* Firefox 3.6 - 15 */

	background: linear-gradient(to left, #034C96 , #0D61B3); /* 标准的语法 */

}

.hy4 .hy4_ul .hy4_li{

	height: 3.6rem;

	background: -webkit-linear-gradient(right, #034C96 , #0D61B3); /* Safari 5.1 - 6.0 */

	background: -o-linear-gradient(left, #034C96, #0D61B3); /* Opera 11.1 - 12.0 */

	background: -moz-linear-gradient(left, #034C96, #0D61B3); /* Firefox 3.6 - 15 */

	background: linear-gradient(to left, #034C96 , #0D61B3); /* 标准的语法 */

}

.hys .hys_ul .hys_li::after{content: ' '; display: block;width: 0.64rem; height: 0.64rem; position: absolute; right: 0.4rem; bottom: 0.35rem; background: url(../images/video_icon.png) no-repeat left top;background-size: 0.64rem;}

.hys .hys_ul .hys_li{padding-bottom: 1.2rem;}

.hys .hys_ul .hys_li .li1{display: flex; align-items: center;}

.hys .hys_ul .hys_li .li1 .li11{width: 1rem; height: 1rem; border-radius: 50%; overflow: hidden; margin-right: 0.3rem;}

.hys .hys_ul .hys_li .li1 .li12{width: 1.9rem;}

.hys .hys_ul .hys_li .li1 .li11 img{width: 100%; height: 100%; display: block; object-fit: cover;}

.hys .hys_ul .hys_li .li1 .li12 h5{font-size: 0.24rem; line-height: 0.36rem;}

.hys .hys_ul .hys_li .li1 .li12 span{line-height: 0.24rem; font-family: 'har-bold'; font-weight: bold;  display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}

.hys .hys_ul .hys_li .li2{font-size: 0.18rem; margin-top: 0.4rem; line-height: 0.3rem; font-family: 'har-bold'; font-weight: bold; display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}

.hy4 .hy4_ul .hy4_li a::after{content: ' '; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/huiyi_bg2.png) no-repeat right bottom; background-size: 1.9rem;}

.hy4 .hy4_ul .hy4_li a{height: 100%; display: flex; flex-direction: column; justify-content: space-between; color: #FFFFFF;}

.hy4 .hy4_ul .hy4_li a span{font-size: 0.2rem; font-family: 'har-bold'; font-weight: bold;}

.hy4 .hy4_ul .hy4_li a h5{font-size: 0.3rem; font-family: 'har-bold'; font-weight: bold; line-height: 0.4rem; display: -webkit-box;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis; margin-top: 0.2rem;}

.hy4 .hy4_ul .hy4_li a .li2{font-size: 0.15rem;}

.hys .hys_ul .hys_li:hover,.hy4 .hy4_ul .hy4_li:hover{background: #0089D3; border-radius: 0.2rem;}





/*<<<<<<<<<<<<<<<<<<<<<< 智联V课堂 >>>>>>>>>>>>>>>>>>>>>>>*/

.h-banner{position: relative; width: 100%; height: 4.4rem; position: relative;}

.h-banner img{width: 100%;  height: 100%; object-fit: cover; display: block; position: absolute;}

.h-banner .h-h1{position: absolute; left: 50%; top: 50%;font-size: 1.2rem;font-family: 'har-bold'; font-weight: bold; transform: translate(-50%,-50%);}

.h-banner .h-h1 em{font-size: 1.2rem; font-family: 'har-bold'; font-weight: bold; background: linear-gradient(to right, #FFFFFF , #011B32);-webkit-background-clip: text;background-clip: text;color: transparent;}

.h-banner .h-h1.h-h1s em{background: linear-gradient(to right, #FFFFFF , #034EAC);-webkit-background-clip: text;background-clip: text;color: transparent;}



.vclas1{width: 12.8rem; margin: 0.55rem auto 0;}

.vclas1 .vcl-swiper{width: 100%; height: 3.04rem; position: relative; overflow: hidden;}

.vclas1 .vcl-swiper .swiper-slide img{width: 100%; height: 100%; object-fit: cover; display: block;}

.vclas1 .vcl12{background-color: #F6F6F6; padding: 0.4rem 0.7rem;}

.vclas1 .vcl12 h2{font-size: 0.24rem; position: relative; padding-left: 0.16rem; font-family: 'har-bold'; font-weight: bold;}

.vclas1 .vcl12 h2::before{content: ' '; display: block; width: 0.06rem; height: 100%; background-color: #0054A7; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

.vclas1 .vcl12 p{font-size: 0.15rem; line-height: 0.24rem; text-align: justify; margin-top: 0.2rem;}

.vclas1 .vcl12 ul{margin-top: 0.2rem;}

.vclas1 .vcl12 ul li{font-size: 0.15rem; line-height: 0.24rem;}

.vclas2{width: 12.8rem; margin: 0.7rem auto 0.9rem;}

.vclas2 .vcl2title h3{display: inline-block; font-size: 0.24rem; font-family: 'har-bold'; font-weight: bold; padding: 0 0.3rem; background-color: #FFFFFF;}

.vclas2 .vcl2title{text-align: center; position: relative;}

.vclas2 .vcl2title::after{content: " "; display: block; width: 100%; height: 1px; background-color: #D8D8D8; position: absolute; z-index: -1; left: 0; top: calc(50% - 1px);}

.vclas2 .vcl2_ul{margin-top: 0.55rem; display: flex;}

.vclas2 .vcl2_ul .vcl2_li{height: 3.6rem;}

.vclas2 .vcl2_ul .vcl2_li::after{content: ' '; display: block; position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; background: url(../images/huiyi_bg2.png) no-repeat right bottom; background-size: 1.9rem;}

.vclas2 .vcl2_ul .vcl2_li a{height: 100%; display: flex; flex-direction: column; justify-content: space-between;}

.vclas2 .vcl2_ul .vcl2_li a .li1>span{font-size: 0.2rem; font-family: 'har-bold'; font-weight: bold; color: #0054A7;}

.vclas2 .vcl2_ul .vcl2_li a .li2 span{display: block; font-size: 0.15rem; line-height: 0.28rem;}

.vclas2 .vcl2_ul .vcl2_li a h5{font-size: 0.3rem; font-family: 'har-bold'; font-weight: bold; line-height: 0.4rem; display: -webkit-box;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis; margin-top: 0.2rem;}



@media only screen and (max-width:1029px){

	.h-banner .h-h1{white-space: nowrap;}

	.vclas1{width: calc(100% - 0.6rem); margin: 0.3rem auto 0;}

	.vclas1 .vcl-swiper{height: auto;}

	.vclas1 .vcl12 h2{font-size: 0.4rem;}

	.vclas1 .vcl12{padding: 0.4rem 0.35rem;}

	.vclas1 .vcl12 p{font-size: 0.28rem; line-height: 0.48rem; color: #666666;}

	.vclas1 .vcl12 ul li{color: #666666; font-size: 0.28rem; line-height: 0.48rem;}

	.vclas2{width: 100%;}

	.vclas2 .vcl2title{padding: 0 0.3rem;}

	.vclas2 .vcl2title h3{font-size: 0.4rem;}

	.vclas2 .vcl21{position: relative; height: 6.5rem; overflow-x: auto; overflow-y: auto;}

	.vclas2 .vcl2_ul .vcl2_li a .li1>span{font-size: 100%;}

	.vclas2 .vcl2_ul .vcl2_li a h5{font-size: 0.36rem;}

	.vclas2 .vcl2_ul .vcl2_li a .li2 span{font-size: 0.24rem; line-height: 0.4rem;}

}



/*<<<<<<<<<<<<<<<<<<<<<< 联合中心 >>>>>>>>>>>>>>>>>>>>>>>*/

.h-banner2{margin-top: 0.94rem;}

.joint{width: 12.8rem; margin: 0.5rem auto 1rem;}

.joint p{font-size: 0.15rem; line-height: 0.28rem; text-align: justify; margin-top: 0.3rem;}

.joint .imgs{width: 100%; height: auto; margin: 0.4rem auto;}

.joint .imgs img{width: 100%; height: auto; display: block;}



@media only screen and (max-width:1029px){

	.huiyi{padding: 0.5rem 0 1.3rem;}

	.hy1{justify-content: center;}

	.hy1 .hy12{height: 100%;}

	.hy2{width: 100%; margin-top: 0.5rem;}

	.hy2 h1{font-size: 0.6rem;}

	.hy2 h2{font-size: 100%;letter-spacing:0.06rem;}

	.hy2 h4{width: 70%; font-size: 0.24rem; line-height: 0.28rem; margin: 0.2rem auto 0.2rem;}

	.hy3{width: calc(100% - 0.6rem); padding: 0.7rem 0.5rem;}

	.hy3 p{font-size: 0.24rem; line-height: 0.36rem;}

	.hys,.hy4{width: 100%; margin: 0.6rem auto 0;}

	.huiyi h3{font-size: 0.4rem; padding: 0 0.3rem; line-height: 0.6rem;}

	.hys>div,.hy4>div{position: relative; height: 5.5rem; overflow-x: auto; overflow-y: auto;}

	/* .hy4>div{height: ;} */

	.hys .hys_ul,.hy4 .hy4_ul,.vclas2 .vcl2_ul{flex-wrap: nowrap; padding: 0 0.3rem; position: absolute;}

	.hys>div::-webkit-scrollbar,.hy4>div::-webkit-scrollbar,.vclas2>div::-webkit-scrollbar {display:none;}

	.hys .hys_ul .hys_li, .hy4 .hy4_ul .hy4_li, .vclas2 .vcl2_ul .vcl2_li{padding: 0.6rem; width: 6rem; height: 5.5rem;}

	.hys .hys_ul .hys_li .li1 .li11{width: 1.56rem; height: 1.56rem;}

	.hys .hys_ul .hys_li .li1 .li12{width: 2.9rem;}

	.hys .hys_ul .hys_li .li1 .li12 h5{font-size: 0.32rem; line-height: 0.48rem;}

	.hys .hys_ul .hys_li .li1 .li12 span,.hy4 .hy4_ul .hy4_li a .li2{font-size: 0.24rem; line-height: 0.32rem;}

	.hys .hys_ul .hys_li .li2{font-size: 100%; line-height: 0.48rem;}

	.hys .hys_ul .hys_li::after{width: 0.96rem; height: .96rem; background-size: 0.96rem;}

	.hy4 .hy4_ul .hy4_li a span{font-size: 100%; line-height: 0.48rem;}

	.hy4 .hy4_ul .hy4_li a h5{font-size: 0.36rem; line-height: 0.48rem;}



	.joint{width: 100%; padding: 0 0.3rem;}

	.joint p{font-size: 0.28rem; line-height: 0.48rem; color: #666666;}

}









.fotdn-jb {

	width: 100vw;

	height: 100vh;

	background: rgba(0, 0, 0, .4);

	position: fixed;

	top: 0;

	left: 0;

	display: none;

	z-index: 9999999;

}



.fotdn-jb .jbxx-div {

	width: 80%;

	max-width: 12.8rem;

	position: absolute;

	transform: translateX(-50%) translateY(-50%);

	top: 50%;

	left: 50%;

	z-index: 99999;

	box-sizing: border-box;

	background: #fff;

	border-radius: 20px;

}



.fotdn-jb .jbxx-div .fancybox {

	position: absolute;

	top: 8px;

	right: 8px;

	cursor: pointer;

	width: 32px;

	height: 32px;

}



.forms {

	width: 100%;

	height: 100%;

	margin: 0 auto;

	padding: 0.7rem 1rem;

	box-sizing: border-box;

}



.forms .forms_tit {

	text-align: center;

	text-transform: uppercase;

	font-family: blokcn;

	font-size: 0.4rem;

	font-weight: bold;

	color: #e5e5e5;

}



.forms .forms_title {

	text-align: center;

	margin-top: 0.2rem;

	font-size: 0.3rem;

	font-weight: bold;

	color: #0089D3;

}



.forms .forms_det {

	font-size: 18px;

	line-height: 32px;

	width: 80%;

	margin-top: 40px;

}



.forms form {

	margin-top: 0.2rem;

	height: 100%;

	display: flex;

	flex-wrap: wrap;

	grid-gap: 0.3rem;

}

.forms form .formlist{width: calc(50% - 0.16rem);}



.forms form .form4{border-bottom: #e6e6e6 solid 1px;}

.forms form textarea {

	font-size: 90%;

	line-height: 0.5rem;

	border: none;

	width: 100%;

	height: 90px;

	margin: 10px 0;

	color: #333333;

}



.forms form .formlist .form_tit {

	color: #333333;

	line-height: 0.36rem;

	font-weight: bold;

}



.forms form .formlist.forms_txt {

	border-bottom: #e6e6e6 solid 1px;

}



.forms form .formlist.forms_txt .forms_txt0712 {

	line-height: 50px;

}



.forms form .formlist.forms_txt span {

	font-size: 12px;

	color: #999999;

	font-weight: normal;

	line-height: 24px;

	margin-left: 20px;

}



.forms form input {

	border: none;

	width: 100%;

	background: none;

	line-height: 0.6rem;

	font-size: 90%;

	color: #333333;

	border-bottom: #e6e6e6 solid 1px;

}



/* .forms .form5 input{cursor: pointer;} */

.forms form .bbtn {

	margin: 0 auto;

}



.forms form .bbtn button {

	width: 3.6rem;

	line-height: 0.8rem;

	font-size: 110%;

	color: #FFFFFF;

	border: none;

	border-radius: 10px;

	background-color: #0054A7;

}



.btnss{

	display:flex;

	height:100%;

	justify-items: center;

	flex-direction: column; 

	justify-content: center;

}

.box{ padding:20px; background:#f1f1f1; overflow: hidden; color:#333;}

.box h2{ font-size:16px; padding-bottom:12px;}

.box h3{color:#0089D3; font-size:15px;}

.box p{ font-size:14px; color:#444; padding-top:10px;}

.btnss button{ padding:10px; cursor: pointer;  height:40px; min-width:120px;border:0; color:#FFF; margin:10px 0; border-radius:40px;}









@media only screen and (max-width:750px){}

@media only screen and (max-width:1029px){

	.forms{padding: 0.6rem 0.5rem;}

	.forms form .formlist{width: 100%;}

}

@media only screen and (min-width:751px) and (max-width:1029px){}

@media only screen and (min-width:1030px){}















@media only screen and (max-width:750px){}

@media only screen and (max-width:1029px){}

@media only screen and (min-width:751px) and (max-width:1029px){}

@media only screen and (min-width:1030px){}